npm - @burdenoff/microfe-devportal - Versions diffs - 2026.624.14 → 2026.624.15 - Mend

@burdenoff/microfe-devportal 2026.624.14 → 2026.624.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1990) hide show

package/dist/devportal/pages/PublisherProfilePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PublisherProfilePage.js","names":[],"sources":["../../../src/devportal/pages/PublisherProfilePage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n Store,\n Save,\n CheckCircle2,\n AlertCircle,\n Loader2,\n Info,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField } from \"../components/FormField\";\nimport { cn } from \"../utils/cn\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n useGetMyDeveloperProfileQuery,\n useUpdateDeveloperProfileMutation,\n} from \"../hooks/useGraphQL\";\n\n/*\n Publisher Profile Page\n \n Lets developers enrich their store publisher presence.\n * The publisher profile in global-store-svc is auto-created when an app is\n * first published. This page surfaces the underlying developer profile fields\n * that feed into that publisher identity so developers can keep them current.\n /\nexport const PublisherProfilePage: FC = () => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n const { currentUser } = useDevportal();\n const { allowed: canSave } = useDevportalPermission(\n DEVPORTAL_PERMISSIONS.PROFILE_UPDATE,\n );\n const { data, loading, error, refetch } = useGetMyDeveloperProfileQuery({\n fetchPolicy: \"cache-and-network\",\n });\n\n const [updateProfile, { loading: saving }] =\n useUpdateDeveloperProfileMutation();\n\n const profile = data?.myDeveloperProfile;\n\n // Form state — publisher-relevant fields\n const [companyName, setCompanyName] = useState(\"\");\n const [website, setWebsite] = useState(\"\");\n const [bio, setBio] = useState(\"\");\n const [githubUsername, setGithubUsername] = useState(\"\");\n const [twitterUsername, setTwitterUsername] = useState(\"\");\n const [linkedinUrl, setLinkedinUrl] = useState(\"\");\n\n const [saveStatus, setSaveStatus] = useState<\n \"idle\" \| \"saving\" \| \"saved\" \| \"error\"\n >(\"idle\");\n\n useEffect(() => {\n if (profile) {\n setCompanyName(profile.companyName ?? \"\");\n setWebsite(profile.website ?? \"\");\n setBio(profile.bio ?? \"\");\n setGithubUsername(profile.githubUsername ?? \"\");\n setTwitterUsername(profile.twitterUsername ?? \"\");\n setLinkedinUrl(profile.linkedinUrl ?? \"\");\n } else if (!loading && currentUser) {\n // No profile yet — pre-fill display name from account\n const fullName = [currentUser.firstName, currentUser.lastName]\n .filter(Boolean)\n .join(\" \");\n if (fullName) setCompanyName(fullName);\n }\n }, [profile, loading, currentUser]);\n\n const handleSave = async () => {\n const userId = profile?.userId ?? currentUser?.id;\n if (!userId) return;\n setSaveStatus(\"saving\");\n try {\n const result = await updateProfile({\n variables: {\n userId,\n input: {\n companyName: companyName \|\| null,\n website: website \|\| null,\n bio: bio \|\| null,\n githubUsername: githubUsername \|\| null,\n twitterUsername: twitterUsername \|\| null,\n linkedinUrl: linkedinUrl \|\| null,\n // preserve existing notification prefs\n emailNotifications: profile?.emailNotifications,\n marketingEmails: profile?.marketingEmails,\n },\n },\n });\n if (result.error) {\n throw result.error;\n }\n setSaveStatus(\"saved\");\n await refetch();\n setTimeout(() => setSaveStatus(\"idle\"), 3000);\n } catch {\n setSaveStatus(\"error\");\n setTimeout(() => setSaveStatus(\"idle\"), 5000);\n }\n };\n\n if (loading && !profile) {\n return (\n <PageLayout\n title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n description={tr(\n \"devportal.loadingPublisherProfile\",\n \"Loading your publisher profile...\",\n )}\n >\n <div className=\"flex items-center justify-center py-20\">\n <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error && !profile) {\n return (\n <PageLayout\n title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n description={tr(\n \"devportal.manageStorePublisherPresence\",\n \"Manage your store publisher presence\",\n )}\n >\n <div className=\"flex flex-col items-center justify-center gap-4 py-20\">\n <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n <p className=\"text-text-secondary\">\n {tr(\"devportal.failedToLoadProfile\", \"Failed to load profile\")}\n </p>\n <button\n onClick={() => refetch()}\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n >\n {tr(\"devportal.retryButton\", \"Retry\")}\n </button>\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PermissionGuard permission={DEVPORTAL_PERMISSIONS.PROFILE_READ}>\n <PageLayout\n title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n description={tr(\n \"devportal.manageMarketplaceAppearance\",\n \"Manage how you appear to users in the marketplace\",\n )}\n actions={\n <button\n onClick={handleSave}\n disabled={saving \|\| !canSave}\n aria-disabled={!canSave}\n className={cn(\n \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n saveStatus === \"saved\"\n ? \"bg-status-success-bg text-white\"\n : saveStatus === \"error\"\n ? \"bg-status-error-bg text-status-error-text\"\n : \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n saving && \"opacity-50 cursor-not-allowed\",\n )}\n >\n {saving ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : saveStatus === \"saved\" ? (\n <CheckCircle2 size={16} />\n ) : saveStatus === \"error\" ? (\n <AlertCircle size={16} />\n ) : (\n <Save size={16} />\n )}\n {saving\n ? tr(\"devportal.savingButton\", \"Saving...\")\n : saveStatus === \"saved\"\n ? tr(\"devportal.savedButton\", \"Saved!\")\n : saveStatus === \"error\"\n ? tr(\"devportal.errorButton\", \"Error\")\n : tr(\"devportal.saveChangesButton\", \"Save Changes\")}\n </button>\n }\n >\n {/ Info banner /}\n <div className=\"flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text\">\n <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n <div>\n <p className=\"font-medium\">\n {tr(\n \"devportal.publisherProfilesWorkTitle\",\n \"How publisher profiles work\",\n )}\n </p>\n <p className=\"mt-1 text-status-info-text\">\n {tr(\n \"devportal.publisherProfilesWorkDesc\",\n \"When you publish your first app, a publisher profile is automatically created in the marketplace using your developer details. Keep this information up to date so users can trust and find your apps. Changes here are reflected when your next app is published.\",\n )}\n </p>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Main form /}\n <div className=\"lg:col-span-2 space-y-6\">\n {/ Publisher identity /}\n <PageSection\n title={tr(\n \"devportal.publisherIdentityTitle\",\n \"Publisher Identity\",\n )}\n description={tr(\n \"devportal.publisherIdentityDesc\",\n \"Displayed on your marketplace listings\",\n )}\n >\n <div className=\"space-y-4\">\n <InputField\n label={tr(\n \"devportal.displayNameLabel\",\n \"Display Name / Company\",\n )}\n value={companyName}\n onChange={(e) => setCompanyName(e.target.value)}\n placeholder={tr(\n \"devportal.displayNamePlaceholder\",\n \"Your name or company (shown on all your apps)\",\n )}\n />\n <div>\n <label className=\"text-sm font-medium text-text-primary\">\n {tr(\"devportal.bioLabel\", \"Bio\")}\n </label>\n <textarea\n value={bio}\n onChange={(e) => setBio(e.target.value)}\n placeholder={tr(\n \"devportal.bioPlaceholder\",\n \"A short description of you or your company shown on the marketplace...\",\n )}\n rows={3}\n className=\"mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none\"\n />\n </div>\n <InputField\n label={tr(\"devportal.websiteLabel\", \"Website\")}\n value={website}\n onChange={(e) => setWebsite(e.target.value)}\n placeholder={tr(\n \"devportal.websitePlaceholder\",\n \"https://your-website.com\",\n )}\n />\n </div>\n </PageSection>\n\n {/ Social links /}\n <PageSection\n title={tr(\"devportal.socialLinksTitle\", \"Social Links\")}\n description={tr(\n \"devportal.socialLinksDesc\",\n \"Build trust with your developer community\",\n )}\n >\n <div className=\"space-y-4\">\n <InputField\n label={tr(\"devportal.githubUsernameLabel\", \"GitHub Username\")}\n value={githubUsername}\n onChange={(e) => setGithubUsername(e.target.value)}\n placeholder={tr(\n \"devportal.githubUsernamePlaceholder\",\n \"your-github-username\",\n )}\n />\n <InputField\n label={tr(\n \"devportal.twitterUsernameLabel\",\n \"Twitter / X Username\",\n )}\n value={twitterUsername}\n onChange={(e) => setTwitterUsername(e.target.value)}\n placeholder={tr(\n \"devportal.twitterUsernamePlaceholder\",\n \"your_twitter\",\n )}\n />\n <InputField\n label={tr(\"devportal.linkedinUrlLabel\", \"LinkedIn URL\")}\n value={linkedinUrl}\n onChange={(e) => setLinkedinUrl(e.target.value)}\n placeholder={tr(\n \"devportal.linkedinUrlPlaceholder\",\n \"https://linkedin.com/in/you\",\n )}\n />\n </div>\n </PageSection>\n </div>\n\n {/ Sidebar /}\n <div className=\"space-y-6\">\n {/ Publisher status /}\n <PageSection\n title={tr(\"devportal.publisherStatusTitle\", \"Publisher Status\")}\n >\n <div className=\"flex items-center gap-3\">\n <Store className=\"h-8 w-8 text-primary\" />\n <div>\n <p className=\"font-medium\">\n {profile?.isVerified\n ? tr(\"devportal.verifiedPublisher\", \"Verified Publisher\")\n : tr(\"devportal.publisher\", \"Publisher\")}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {profile?.isVerified\n ? tr(\n \"devportal.publisherIdentityVerified\",\n \"Your publisher identity is verified\",\n )\n : tr(\n \"devportal.publishFirstAppMessage\",\n \"Publish your first app to appear in the marketplace\",\n )}\n </p>\n </div>\n </div>\n </PageSection>\n\n {/ Profile completeness /}\n <PageSection\n title={tr(\n \"devportal.profileCompletenessTitle\",\n \"Profile Completeness\",\n )}\n >\n <div className=\"space-y-2\">\n {[\n {\n label: tr(\n \"devportal.completenessDisplayName\",\n \"Display name\",\n ),\n ok: !!companyName,\n },\n { label: tr(\"devportal.completenessBio\", \"Bio\"), ok: !!bio },\n {\n label: tr(\"devportal.completenessWebsite\", \"Website\"),\n ok: !!website,\n },\n {\n label: tr(\"devportal.completenessGithub\", \"GitHub\"),\n ok: !!githubUsername,\n },\n {\n label: tr(\n \"devportal.completenessSocialLinks\",\n \"Social links\",\n ),\n ok: !!twitterUsername \|\| !!linkedinUrl,\n },\n ].map(({ label, ok }) => (\n <div key={label} className=\"flex items-center gap-2 text-sm\">\n {ok ? (\n <CheckCircle2\n size={14}\n className=\"text-status-success-text\"\n />\n ) : (\n <div className=\"h-3.5 w-3.5 rounded-full border-2 border-muted-foreground\" />\n )}\n <span\n className={\n ok ? \"text-text-primary\" : \"text-text-secondary\"\n }\n >\n {label}\n </span>\n </div>\n ))}\n </div>\n </PageSection>\n\n {/ Stats */}\n <PageSection\n title={tr(\"devportal.marketplaceStatsTitle\", \"Marketplace Stats\")}\n >\n <div className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">\n {tr(\"devportal.publishedAppsLabel\", \"Published apps\")}\n </span>\n <span className=\"font-semibold\">\n {profile?.applicationCount ?? 0}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">\n {tr(\"devportal.totalInstallsLabel\", \"Total installs\")}\n </span>\n <span className=\"font-semibold\">\n {profile?.totalInstalls ?? 0}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">\n {tr(\"devportal.avgRatingLabel\", \"Avg rating\")}\n </span>\n <span className=\"font-semibold\">\n {profile?.averageRating\n ? profile.averageRating.toFixed(1)\n : \"—\"}\n </span>\n </div>\n </div>\n </PageSection>\n </div>\n </div>\n </PageLayout>\n </PermissionGuard>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"PublisherProfilePage.js","names":[],"sources":["../../../src/devportal/pages/PublisherProfilePage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n Store,\n Save,\n CheckCircle2,\n AlertCircle,\n Loader2,\n Info,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField } from \"../components/FormField\";\nimport { cn } from \"../utils/cn\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n useGetMyDeveloperProfileQuery,\n useUpdateDeveloperProfileMutation,\n} from \"../hooks/useGraphQL\";\n\n/*\n Publisher Profile Page\n \n Lets developers enrich their store publisher presence.\n * The publisher profile in global-store-svc is auto-created when an app is\n * first published. This page surfaces the underlying developer profile fields\n * that feed into that publisher identity so developers can keep them current.\n /\nexport const PublisherProfilePage: FC = () => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n const { currentUser } = useDevportal();\n const { allowed: canSave } = useDevportalPermission(\n DEVPORTAL_PERMISSIONS.PROFILE_UPDATE,\n );\n const { data, loading, error, refetch } = useGetMyDeveloperProfileQuery({\n fetchPolicy: \"cache-and-network\",\n });\n\n const [updateProfile, { loading: saving }] =\n useUpdateDeveloperProfileMutation();\n\n const profile = data?.myDeveloperProfile;\n\n // Form state — publisher-relevant fields\n const [companyName, setCompanyName] = useState(\"\");\n const [website, setWebsite] = useState(\"\");\n const [bio, setBio] = useState(\"\");\n const [githubUsername, setGithubUsername] = useState(\"\");\n const [twitterUsername, setTwitterUsername] = useState(\"\");\n const [linkedinUrl, setLinkedinUrl] = useState(\"\");\n\n const [saveStatus, setSaveStatus] = useState<\n \"idle\" \| \"saving\" \| \"saved\" \| \"error\"\n >(\"idle\");\n\n useEffect(() => {\n if (profile) {\n setCompanyName(profile.companyName ?? \"\");\n setWebsite(profile.website ?? \"\");\n setBio(profile.bio ?? \"\");\n setGithubUsername(profile.githubUsername ?? \"\");\n setTwitterUsername(profile.twitterUsername ?? \"\");\n setLinkedinUrl(profile.linkedinUrl ?? \"\");\n } else if (!loading && currentUser) {\n // No profile yet — pre-fill display name from account\n const fullName = [currentUser.firstName, currentUser.lastName]\n .filter(Boolean)\n .join(\" \");\n if (fullName) setCompanyName(fullName);\n }\n }, [profile, loading, currentUser]);\n\n const handleSave = async () => {\n const userId = profile?.userId ?? currentUser?.id;\n if (!userId) return;\n setSaveStatus(\"saving\");\n try {\n const result = await updateProfile({\n variables: {\n userId,\n input: {\n companyName: companyName \|\| null,\n website: website \|\| null,\n bio: bio \|\| null,\n githubUsername: githubUsername \|\| null,\n twitterUsername: twitterUsername \|\| null,\n linkedinUrl: linkedinUrl \|\| null,\n // preserve existing notification prefs\n emailNotifications: profile?.emailNotifications,\n marketingEmails: profile?.marketingEmails,\n },\n },\n });\n if (result.error) {\n throw result.error;\n }\n setSaveStatus(\"saved\");\n await refetch();\n setTimeout(() => setSaveStatus(\"idle\"), 3000);\n } catch {\n setSaveStatus(\"error\");\n setTimeout(() => setSaveStatus(\"idle\"), 5000);\n }\n };\n\n if (loading && !profile) {\n return (\n <PageLayout\n title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n description={tr(\n \"devportal.loadingPublisherProfile\",\n \"Loading your publisher profile...\",\n )}\n >\n <div className=\"flex items-center justify-center py-20\">\n <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error && !profile) {\n return (\n <PageLayout\n title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n description={tr(\n \"devportal.manageStorePublisherPresence\",\n \"Manage your store publisher presence\",\n )}\n >\n <div className=\"flex flex-col items-center justify-center gap-4 py-20\">\n <AlertCircle className=\"h-12 w-12 text-destructive\" />\n <p className=\"text-muted-foreground\">\n {tr(\"devportal.failedToLoadProfile\", \"Failed to load profile\")}\n </p>\n <button\n onClick={() => refetch()}\n className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n >\n {tr(\"devportal.retryButton\", \"Retry\")}\n </button>\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PermissionGuard permission={DEVPORTAL_PERMISSIONS.PROFILE_READ}>\n <PageLayout\n title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n description={tr(\n \"devportal.manageMarketplaceAppearance\",\n \"Manage how you appear to users in the marketplace\",\n )}\n actions={\n <button\n onClick={handleSave}\n disabled={saving \|\| !canSave}\n aria-disabled={!canSave}\n className={cn(\n \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n saveStatus === \"saved\"\n ? \"bg-status-success-bg text-white\"\n : saveStatus === \"error\"\n ? \"bg-destructive text-destructive-foreground\"\n : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n saving && \"opacity-50 cursor-not-allowed\",\n )}\n >\n {saving ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : saveStatus === \"saved\" ? (\n <CheckCircle2 size={16} />\n ) : saveStatus === \"error\" ? (\n <AlertCircle size={16} />\n ) : (\n <Save size={16} />\n )}\n {saving\n ? tr(\"devportal.savingButton\", \"Saving...\")\n : saveStatus === \"saved\"\n ? tr(\"devportal.savedButton\", \"Saved!\")\n : saveStatus === \"error\"\n ? tr(\"devportal.errorButton\", \"Error\")\n : tr(\"devportal.saveChangesButton\", \"Save Changes\")}\n </button>\n }\n >\n {/ Info banner /}\n <div className=\"flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text\">\n <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n <div>\n <p className=\"font-medium\">\n {tr(\n \"devportal.publisherProfilesWorkTitle\",\n \"How publisher profiles work\",\n )}\n </p>\n <p className=\"mt-1 text-status-info-text\">\n {tr(\n \"devportal.publisherProfilesWorkDesc\",\n \"When you publish your first app, a publisher profile is automatically created in the marketplace using your developer details. Keep this information up to date so users can trust and find your apps. Changes here are reflected when your next app is published.\",\n )}\n </p>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Main form /}\n <div className=\"lg:col-span-2 space-y-6\">\n {/ Publisher identity /}\n <PageSection\n title={tr(\n \"devportal.publisherIdentityTitle\",\n \"Publisher Identity\",\n )}\n description={tr(\n \"devportal.publisherIdentityDesc\",\n \"Displayed on your marketplace listings\",\n )}\n >\n <div className=\"space-y-4\">\n <InputField\n label={tr(\n \"devportal.displayNameLabel\",\n \"Display Name / Company\",\n )}\n value={companyName}\n onChange={(e) => setCompanyName(e.target.value)}\n placeholder={tr(\n \"devportal.displayNamePlaceholder\",\n \"Your name or company (shown on all your apps)\",\n )}\n />\n <div>\n <label className=\"text-sm font-medium text-foreground\">\n {tr(\"devportal.bioLabel\", \"Bio\")}\n </label>\n <textarea\n value={bio}\n onChange={(e) => setBio(e.target.value)}\n placeholder={tr(\n \"devportal.bioPlaceholder\",\n \"A short description of you or your company shown on the marketplace...\",\n )}\n rows={3}\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring resize-none\"\n />\n </div>\n <InputField\n label={tr(\"devportal.websiteLabel\", \"Website\")}\n value={website}\n onChange={(e) => setWebsite(e.target.value)}\n placeholder={tr(\n \"devportal.websitePlaceholder\",\n \"https://your-website.com\",\n )}\n />\n </div>\n </PageSection>\n\n {/ Social links /}\n <PageSection\n title={tr(\"devportal.socialLinksTitle\", \"Social Links\")}\n description={tr(\n \"devportal.socialLinksDesc\",\n \"Build trust with your developer community\",\n )}\n >\n <div className=\"space-y-4\">\n <InputField\n label={tr(\"devportal.githubUsernameLabel\", \"GitHub Username\")}\n value={githubUsername}\n onChange={(e) => setGithubUsername(e.target.value)}\n placeholder={tr(\n \"devportal.githubUsernamePlaceholder\",\n \"your-github-username\",\n )}\n />\n <InputField\n label={tr(\n \"devportal.twitterUsernameLabel\",\n \"Twitter / X Username\",\n )}\n value={twitterUsername}\n onChange={(e) => setTwitterUsername(e.target.value)}\n placeholder={tr(\n \"devportal.twitterUsernamePlaceholder\",\n \"your_twitter\",\n )}\n />\n <InputField\n label={tr(\"devportal.linkedinUrlLabel\", \"LinkedIn URL\")}\n value={linkedinUrl}\n onChange={(e) => setLinkedinUrl(e.target.value)}\n placeholder={tr(\n \"devportal.linkedinUrlPlaceholder\",\n \"https://linkedin.com/in/you\",\n )}\n />\n </div>\n </PageSection>\n </div>\n\n {/ Sidebar /}\n <div className=\"space-y-6\">\n {/ Publisher status /}\n <PageSection\n title={tr(\"devportal.publisherStatusTitle\", \"Publisher Status\")}\n >\n <div className=\"flex items-center gap-3\">\n <Store className=\"h-8 w-8 text-primary\" />\n <div>\n <p className=\"font-medium\">\n {profile?.isVerified\n ? tr(\"devportal.verifiedPublisher\", \"Verified Publisher\")\n : tr(\"devportal.publisher\", \"Publisher\")}\n </p>\n <p className=\"text-xs text-muted-foreground\">\n {profile?.isVerified\n ? tr(\n \"devportal.publisherIdentityVerified\",\n \"Your publisher identity is verified\",\n )\n : tr(\n \"devportal.publishFirstAppMessage\",\n \"Publish your first app to appear in the marketplace\",\n )}\n </p>\n </div>\n </div>\n </PageSection>\n\n {/ Profile completeness /}\n <PageSection\n title={tr(\n \"devportal.profileCompletenessTitle\",\n \"Profile Completeness\",\n )}\n >\n <div className=\"space-y-2\">\n {[\n {\n label: tr(\n \"devportal.completenessDisplayName\",\n \"Display name\",\n ),\n ok: !!companyName,\n },\n { label: tr(\"devportal.completenessBio\", \"Bio\"), ok: !!bio },\n {\n label: tr(\"devportal.completenessWebsite\", \"Website\"),\n ok: !!website,\n },\n {\n label: tr(\"devportal.completenessGithub\", \"GitHub\"),\n ok: !!githubUsername,\n },\n {\n label: tr(\n \"devportal.completenessSocialLinks\",\n \"Social links\",\n ),\n ok: !!twitterUsername \|\| !!linkedinUrl,\n },\n ].map(({ label, ok }) => (\n <div key={label} className=\"flex items-center gap-2 text-sm\">\n {ok ? (\n <CheckCircle2\n size={14}\n className=\"text-status-success-text\"\n />\n ) : (\n <div className=\"h-3.5 w-3.5 rounded-full border-2 border-muted-foreground\" />\n )}\n <span\n className={\n ok ? \"text-foreground\" : \"text-muted-foreground\"\n }\n >\n {label}\n </span>\n </div>\n ))}\n </div>\n </PageSection>\n\n {/ Stats */}\n <PageSection\n title={tr(\"devportal.marketplaceStatsTitle\", \"Marketplace Stats\")}\n >\n <div className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr(\"devportal.publishedAppsLabel\", \"Published apps\")}\n </span>\n <span className=\"font-semibold\">\n {profile?.applicationCount ?? 0}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr(\"devportal.totalInstallsLabel\", \"Total installs\")}\n </span>\n <span className=\"font-semibold\">\n {profile?.totalInstalls ?? 0}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr(\"devportal.avgRatingLabel\", \"Avg rating\")}\n </span>\n <span className=\"font-semibold\">\n {profile?.averageRating\n ? profile.averageRating.toFixed(1)\n : \"—\"}\n </span>\n </div>\n </div>\n </PageSection>\n </div>\n </div>\n </PageLayout>\n </PermissionGuard>\n );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/ResourcesPage.js CHANGED Viewed

@@ -87,12 +87,12 @@ var w = "https://docs.burdenoff.com/developers", T = {
 ], k = (e, t) => t ? `${e.name} ${e.description}`.toLowerCase().includes(t.toLowerCase()) : !0, A = ({ sdk: e, copyLabel: t, copiedLabel: n }) => {
 	let [o, c] = s(!1);
 	return /* @__PURE__ */ C("div", {
-		className: "flex flex-col rounded-lg border bg-bg-surface p-5",
+		className: "flex flex-col rounded-lg border bg-card p-5",
 		children: [
 			/* @__PURE__ */ C("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ S("div", {
-					className: "rounded-lg bg-action-primary-bg/10 p-2.5 text-primary",
+					className: "rounded-lg bg-primary/10 p-2.5 text-primary",
 					children: e.icon
 				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("h3", {
 					className: "font-semibold",
@@ -100,11 +100,11 @@ var w = "https://docs.burdenoff.com/developers", T = {
 				}) })]
 			}),
 			/* @__PURE__ */ S("p", {
-				className: "mt-3 text-sm text-text-secondary",
+				className: "mt-3 text-sm text-muted-foreground",
 				children: e.description
 			}),
 			/* @__PURE__ */ C("div", {
-				className: "mt-4 flex items-center gap-2 rounded-md bg-bg-sunken/50 p-2",
+				className: "mt-4 flex items-center gap-2 rounded-md bg-muted/50 p-2",
 				children: [/* @__PURE__ */ S("code", {
 					className: "flex-1 text-xs",
 					children: e.installCommand
@@ -113,7 +113,7 @@ var w = "https://docs.burdenoff.com/developers", T = {
 					onClick: async () => {
 						i("light"), await r(e.installCommand) ? (c(!0), a("success"), setTimeout(() => c(!1), 2e3)) : a("error");
 					},
-					className: "rounded px-2 py-1 text-xs hover:bg-bg-sunken transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+					className: "rounded px-2 py-1 text-xs hover:bg-muted transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
 					children: o ? n : t
 				})]
 			}),
@@ -136,10 +136,10 @@ var w = "https://docs.burdenoff.com/developers", T = {
 	href: e.url,
 	target: "_blank",
 	rel: "noopener noreferrer",
-	className: "group flex items-start gap-4 rounded-lg border bg-bg-surface p-4 transition-all hover:border-primary/50 hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+	className: "group flex items-start gap-4 rounded-lg border bg-card p-4 transition-all hover:border-primary/50 hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
 	children: [
 		/* @__PURE__ */ S("div", {
-			className: "rounded-lg bg-action-primary-bg/10 p-2.5 text-primary",
+			className: "rounded-lg bg-primary/10 p-2.5 text-primary",
 			children: e.icon
 		}),
 		/* @__PURE__ */ C("div", {
@@ -148,14 +148,14 @@ var w = "https://docs.burdenoff.com/developers", T = {
 				className: "font-semibold group-hover:text-primary",
 				children: e.name
 			}), /* @__PURE__ */ S("p", {
-				className: "mt-1 text-sm text-text-secondary",
+				className: "mt-1 text-sm text-muted-foreground",
 				children: e.description
 			})]
 		}),
 		/* @__PURE__ */ S(f, {
 			size: 16,
 			"aria-hidden": "true",
-			className: "text-text-secondary opacity-0 transition-opacity group-hover:opacity-100"
+			className: "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100"
 		})
 	]
 }), M = () => {
@@ -185,14 +185,14 @@ var w = "https://docs.burdenoff.com/developers", T = {
 					children: [/* @__PURE__ */ S(b, {
 						size: 16,
 						"aria-hidden": "true",
-						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
+						className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
 					}), /* @__PURE__ */ S("input", {
 						type: "text",
 						"aria-label": i("devportal.searchResources", "Search resources..."),
 						placeholder: i("devportal.searchResources", "Search resources..."),
 						value: a,
 						onChange: (e) => l(e.target.value),
-						className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+						className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 					})]
 				}), /* @__PURE__ */ S("div", {
 					role: "group",
@@ -215,7 +215,7 @@ var w = "https://docs.burdenoff.com/developers", T = {
 						type: "button",
 						"aria-pressed": u === t.id,
 						onClick: () => d(t.id),
-						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", u === t.id ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"),
+						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", u === t.id ? "bg-primary text-primary-foreground" : "hover:bg-muted"),
 						children: t.label
 					}, t.id))
 				})]
@@ -257,7 +257,7 @@ var w = "https://docs.burdenoff.com/developers", T = {
 				})
 			}),
 			!v && /* @__PURE__ */ S("div", {
-				className: "mt-8 rounded-lg border border-dashed p-8 text-center text-sm text-text-secondary",
+				className: "mt-8 rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground",
 				children: i("devportal.noResourcesFound", "No resources match your search.")
 			})
 		]

package/dist/devportal/pages/ResourcesPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourcesPage.js","names":[],"sources":["../../../src/devportal/pages/ResourcesPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n FileCode,\n ExternalLink,\n Code2,\n BookOpen,\n KeyRound,\n Webhook,\n Network,\n Plug,\n CalendarClock,\n Rocket,\n HelpCircle,\n Layers,\n Search,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { cn } from \"../utils/cn\";\nimport {\n nativeCopyText,\n nativeImpact,\n nativeNotify,\n} from \"../../utils/nativeBridge\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/*\n Every resource below links to a REAL, confirmed documentation page under\n * https://docs.burdenoff.com/developers. There are intentionally no\n * fabricated metrics (downloads, stars, versions), no invented GitHub repos,\n * and no third-party tools (Postman/Figma/VS Code/etc.) that don't exist.\n /\n\nconst DOCS_BASE = \"https://docs.burdenoff.com/developers\";\n\ninterface Resource {\n id: string;\n name: string;\n description: string;\n icon: React.ReactNode;\n url: string;\n}\n\ninterface SdkResource extends Resource {\n /* A generic, real install example — no fake version suffix. /\n installCommand: string;\n}\n\ntype ResourceCategory = \"all\" \| \"build\" \| \"learn\";\n\n// =============================================================================\n// DATA\n// =============================================================================\n\n// SDKs — single doc-backed entry. The install command is a generic example;\n// see the SDKs doc for the authoritative package list.\nconst sdk: SdkResource = {\n id: \"sdks\",\n name: \"SDKs\",\n description:\n \"Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.\",\n icon: <Code2 size={24} />,\n url: `${DOCS_BASE}/build/sdks`,\n installCommand: \"npm install @burdenoff/sdk-node\",\n};\n\n// Build — APIs and integration surfaces, each backed by a real doc page.\nconst buildResources: Resource[] = [\n {\n id: \"graphql-api\",\n name: \"GraphQL API\",\n description:\n \"Query and mutate platform data through the federated GraphQL API.\",\n icon: <Network size={24} />,\n url: `${DOCS_BASE}/build/graphql-api`,\n },\n {\n id: \"plugins\",\n name: \"Plugins\",\n description:\n \"Extend the platform with plugins that add new capabilities and surfaces.\",\n icon: <Plug size={24} />,\n url: `${DOCS_BASE}/build/plugins`,\n },\n {\n id: \"webhooks\",\n name: \"Webhooks\",\n description:\n \"Receive real-time platform events in your own services via webhooks.\",\n icon: <Webhook size={24} />,\n url: `${DOCS_BASE}/build/webhooks`,\n },\n];\n\n// Extend — higher-level extension surfaces.\nconst extendResources: Resource[] = [\n {\n id: \"scheduler\",\n name: \"Scheduler & Workflows\",\n description:\n \"Schedule jobs and orchestrate long-running workflows on the platform.\",\n icon: <CalendarClock size={24} />,\n url: `${DOCS_BASE}/extend/scheduler/`,\n },\n];\n\n// Learn — conceptual and getting-started documentation.\nconst learnResources: Resource[] = [\n {\n id: \"platform-overview\",\n name: \"Platform Overview\",\n description:\n \"Understand the building blocks of the Burdenoff developer platform.\",\n icon: <BookOpen size={24} />,\n url: `${DOCS_BASE}/platform-overview`,\n },\n {\n id: \"quick-start\",\n name: \"Quick Start\",\n description: \"Get up and running with the platform in a few steps.\",\n icon: <Rocket size={24} />,\n url: `${DOCS_BASE}/quick-start`,\n },\n {\n id: \"authentication\",\n name: \"Authentication\",\n description:\n \"Learn how to authenticate requests and manage actor identity.\",\n icon: <KeyRound size={24} />,\n url: `${DOCS_BASE}/authentication`,\n },\n {\n id: \"relationship-graphs\",\n name: \"Relationship Graphs\",\n description: \"Model and traverse connected data with relationship graphs.\",\n icon: <Layers size={24} />,\n url: `${DOCS_BASE}/concepts/relationship-graphs`,\n },\n {\n id: \"examples\",\n name: \"Examples\",\n description: \"Browse worked examples covering common integration tasks.\",\n icon: <FileCode size={24} />,\n url: `${DOCS_BASE}/examples`,\n },\n {\n id: \"faq\",\n name: \"FAQ\",\n description: \"Answers to frequently asked developer questions.\",\n icon: <HelpCircle size={24} />,\n url: `${DOCS_BASE}/faq`,\n },\n];\n\n// Helper for client-side search filtering across name + description.\nconst matchesQuery = (resource: Resource, query: string): boolean => {\n if (!query) return true;\n const haystack = `${resource.name} ${resource.description}`.toLowerCase();\n return haystack.includes(query.toLowerCase());\n};\n\n// =============================================================================\n// COMPONENTS\n// =============================================================================\n\nconst SDKCard: FC<{\n sdk: SdkResource;\n copyLabel: string;\n copiedLabel: string;\n}> = ({ sdk, copyLabel, copiedLabel }) => {\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n void nativeImpact(\"light\");\n const ok = await nativeCopyText(sdk.installCommand);\n if (ok) {\n setCopied(true);\n void nativeNotify(\"success\");\n setTimeout(() => setCopied(false), 2000);\n } else {\n void nativeNotify(\"error\");\n }\n };\n\n return (\n <div className=\"flex flex-col rounded-lg border bg-bg-surface p-5\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-action-primary-bg/10 p-2.5 text-primary\">\n {sdk.icon}\n </div>\n <div>\n <h3 className=\"font-semibold\">{sdk.name}</h3>\n </div>\n </div>\n\n <p className=\"mt-3 text-sm text-text-secondary\">{sdk.description}</p>\n\n <div className=\"mt-4 flex items-center gap-2 rounded-md bg-bg-sunken/50 p-2\">\n <code className=\"flex-1 text-xs\">{sdk.installCommand}</code>\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"rounded px-2 py-1 text-xs hover:bg-bg-sunken transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n {copied ? copiedLabel : copyLabel}\n </button>\n </div>\n\n <div className=\"mt-4 flex items-center justify-end text-sm\">\n <a\n href={sdk.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-1 text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n Docs <ExternalLink size={12} aria-hidden=\"true\" />\n </a>\n </div>\n </div>\n );\n};\n\nconst ResourceCard: FC<{ resource: Resource }> = ({ resource }) => (\n <a\n href={resource.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"group flex items-start gap-4 rounded-lg border bg-bg-surface p-4 transition-all hover:border-primary/50 hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n <div className=\"rounded-lg bg-action-primary-bg/10 p-2.5 text-primary\">\n {resource.icon}\n </div>\n <div className=\"flex-1\">\n <h3 className=\"font-semibold group-hover:text-primary\">\n {resource.name}\n </h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {resource.description}\n </p>\n </div>\n <ExternalLink\n size={16}\n aria-hidden=\"true\"\n className=\"text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\"\n />\n </a>\n);\n\n// =============================================================================\n// PAGE COMPONENT\n// =============================================================================\n\nexport const ResourcesPage: FC = () => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [category, setCategory] = useState<ResourceCategory>(\"all\");\n\n const showBuild = category === \"all\" \|\| category === \"build\";\n const showLearn = category === \"all\" \|\| category === \"learn\";\n\n const sdkVisible = useMemo(\n () => showBuild && matchesQuery(sdk, searchQuery),\n [showBuild, searchQuery],\n );\n const buildVisible = useMemo(\n () =>\n showBuild\n ? buildResources.filter((r) => matchesQuery(r, searchQuery))\n : [],\n [showBuild, searchQuery],\n );\n const extendVisible = useMemo(\n () =>\n showBuild\n ? extendResources.filter((r) => matchesQuery(r, searchQuery))\n : [],\n [showBuild, searchQuery],\n );\n const learnVisible = useMemo(\n () =>\n showLearn\n ? learnResources.filter((r) => matchesQuery(r, searchQuery))\n : [],\n [showLearn, searchQuery],\n );\n\n const hasResults =\n sdkVisible \|\|\n buildVisible.length > 0 \|\|\n extendVisible.length > 0 \|\|\n learnVisible.length > 0;\n\n return (\n <PageLayout\n title={tr(\"devportal.developerResources\", \"Developer Resources\")}\n description={tr(\n \"devportal.resourcesDescription\",\n \"Documentation for building, extending, and learning the Burdenoff platform\",\n )}\n >\n {/ Coming-soon banner — Resources is a deferred surface (see\n devportal stability tracker). The cards below link to the official\n developer documentation until the in-product hub lands. /}\n <div\n role=\"status\"\n className=\"mb-6 rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm text-status-warning-text\"\n >\n <strong className=\"font-semibold\">\n {tr(\"devportal.resources.comingSoon.title\", \"Coming soon\")}\n </strong>\n <span className=\"ml-2\">\n {tr(\n \"devportal.resources.comingSoon.description\",\n \"An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.\",\n )}\n </span>\n </div>\n\n {/ Search and Filter /}\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"relative flex-1 max-w-md\">\n <Search\n size={16}\n aria-hidden=\"true\"\n className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n />\n <input\n type=\"text\"\n aria-label={tr(\"devportal.searchResources\", \"Search resources...\")}\n placeholder={tr(\"devportal.searchResources\", \"Search resources...\")}\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n </div>\n <div\n role=\"group\"\n aria-label={tr(\"devportal.filterResources\", \"Filter resources\")}\n className=\"flex items-center gap-1 rounded-md border p-1\"\n >\n {[\n { id: \"all\", label: tr(\"devportal.filterAll\", \"All\") },\n { id: \"build\", label: tr(\"devportal.filterBuild\", \"Build\") },\n { id: \"learn\", label: tr(\"devportal.filterLearn\", \"Learn\") },\n ].map((cat) => (\n <button\n key={cat.id}\n type=\"button\"\n aria-pressed={category === cat.id}\n onClick={() => setCategory(cat.id as ResourceCategory)}\n className={cn(\n \"rounded px-3 py-1.5 text-sm font-medium transition-colors\",\n category === cat.id\n ? \"bg-action-primary-bg text-action-primary-text\"\n : \"hover:bg-bg-sunken\",\n )}\n >\n {cat.label}\n </button>\n ))}\n </div>\n </div>\n\n {/ SDKs /}\n {sdkVisible && (\n <PageSection\n title={tr(\"devportal.sdks\", \"SDKs\")}\n description={tr(\n \"devportal.sdksDescription\",\n \"Client libraries for building on the platform\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n <SDKCard\n sdk={sdk}\n copyLabel={tr(\"devportal.copy\", \"Copy\")}\n copiedLabel={tr(\"devportal.copied\", \"Copied!\")}\n />\n </div>\n </PageSection>\n )}\n\n {/ Build /}\n {buildVisible.length > 0 && (\n <PageSection\n title={tr(\"devportal.build\", \"Build\")}\n description={tr(\n \"devportal.buildDescription\",\n \"APIs and integration surfaces\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {buildVisible.map((resource) => (\n <ResourceCard key={resource.id} resource={resource} />\n ))}\n </div>\n </PageSection>\n )}\n\n {/ Extend /}\n {extendVisible.length > 0 && (\n <PageSection\n title={tr(\"devportal.extend\", \"Extend\")}\n description={tr(\n \"devportal.extendDescription\",\n \"Schedule jobs and orchestrate workflows\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {extendVisible.map((resource) => (\n <ResourceCard key={resource.id} resource={resource} />\n ))}\n </div>\n </PageSection>\n )}\n\n {/ Learn /}\n {learnVisible.length > 0 && (\n <PageSection\n title={tr(\"devportal.learn\", \"Learn\")}\n description={tr(\n \"devportal.learnDescription\",\n \"Guides and concepts to get you started\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {learnVisible.map((resource) => (\n <ResourceCard key={resource.id} resource={resource} />\n ))}\n </div>\n </PageSection>\n )}\n\n {/ Empty state */}\n {!hasResults && (\n <div className=\"mt-8 rounded-lg border border-dashed p-8 text-center text-sm text-text-secondary\">\n {tr(\"devportal.noResourcesFound\", \"No resources match your search.\")}\n </div>\n )}\n </PageLayout>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ResourcesPage.js","names":[],"sources":["../../../src/devportal/pages/ResourcesPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n FileCode,\n ExternalLink,\n Code2,\n BookOpen,\n KeyRound,\n Webhook,\n Network,\n Plug,\n CalendarClock,\n Rocket,\n HelpCircle,\n Layers,\n Search,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { cn } from \"../utils/cn\";\nimport {\n nativeCopyText,\n nativeImpact,\n nativeNotify,\n} from \"../../utils/nativeBridge\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/*\n Every resource below links to a REAL, confirmed documentation page under\n * https://docs.burdenoff.com/developers. There are intentionally no\n * fabricated metrics (downloads, stars, versions), no invented GitHub repos,\n * and no third-party tools (Postman/Figma/VS Code/etc.) that don't exist.\n /\n\nconst DOCS_BASE = \"https://docs.burdenoff.com/developers\";\n\ninterface Resource {\n id: string;\n name: string;\n description: string;\n icon: React.ReactNode;\n url: string;\n}\n\ninterface SdkResource extends Resource {\n /* A generic, real install example — no fake version suffix. /\n installCommand: string;\n}\n\ntype ResourceCategory = \"all\" \| \"build\" \| \"learn\";\n\n// =============================================================================\n// DATA\n// =============================================================================\n\n// SDKs — single doc-backed entry. The install command is a generic example;\n// see the SDKs doc for the authoritative package list.\nconst sdk: SdkResource = {\n id: \"sdks\",\n name: \"SDKs\",\n description:\n \"Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.\",\n icon: <Code2 size={24} />,\n url: `${DOCS_BASE}/build/sdks`,\n installCommand: \"npm install @burdenoff/sdk-node\",\n};\n\n// Build — APIs and integration surfaces, each backed by a real doc page.\nconst buildResources: Resource[] = [\n {\n id: \"graphql-api\",\n name: \"GraphQL API\",\n description:\n \"Query and mutate platform data through the federated GraphQL API.\",\n icon: <Network size={24} />,\n url: `${DOCS_BASE}/build/graphql-api`,\n },\n {\n id: \"plugins\",\n name: \"Plugins\",\n description:\n \"Extend the platform with plugins that add new capabilities and surfaces.\",\n icon: <Plug size={24} />,\n url: `${DOCS_BASE}/build/plugins`,\n },\n {\n id: \"webhooks\",\n name: \"Webhooks\",\n description:\n \"Receive real-time platform events in your own services via webhooks.\",\n icon: <Webhook size={24} />,\n url: `${DOCS_BASE}/build/webhooks`,\n },\n];\n\n// Extend — higher-level extension surfaces.\nconst extendResources: Resource[] = [\n {\n id: \"scheduler\",\n name: \"Scheduler & Workflows\",\n description:\n \"Schedule jobs and orchestrate long-running workflows on the platform.\",\n icon: <CalendarClock size={24} />,\n url: `${DOCS_BASE}/extend/scheduler/`,\n },\n];\n\n// Learn — conceptual and getting-started documentation.\nconst learnResources: Resource[] = [\n {\n id: \"platform-overview\",\n name: \"Platform Overview\",\n description:\n \"Understand the building blocks of the Burdenoff developer platform.\",\n icon: <BookOpen size={24} />,\n url: `${DOCS_BASE}/platform-overview`,\n },\n {\n id: \"quick-start\",\n name: \"Quick Start\",\n description: \"Get up and running with the platform in a few steps.\",\n icon: <Rocket size={24} />,\n url: `${DOCS_BASE}/quick-start`,\n },\n {\n id: \"authentication\",\n name: \"Authentication\",\n description:\n \"Learn how to authenticate requests and manage actor identity.\",\n icon: <KeyRound size={24} />,\n url: `${DOCS_BASE}/authentication`,\n },\n {\n id: \"relationship-graphs\",\n name: \"Relationship Graphs\",\n description: \"Model and traverse connected data with relationship graphs.\",\n icon: <Layers size={24} />,\n url: `${DOCS_BASE}/concepts/relationship-graphs`,\n },\n {\n id: \"examples\",\n name: \"Examples\",\n description: \"Browse worked examples covering common integration tasks.\",\n icon: <FileCode size={24} />,\n url: `${DOCS_BASE}/examples`,\n },\n {\n id: \"faq\",\n name: \"FAQ\",\n description: \"Answers to frequently asked developer questions.\",\n icon: <HelpCircle size={24} />,\n url: `${DOCS_BASE}/faq`,\n },\n];\n\n// Helper for client-side search filtering across name + description.\nconst matchesQuery = (resource: Resource, query: string): boolean => {\n if (!query) return true;\n const haystack = `${resource.name} ${resource.description}`.toLowerCase();\n return haystack.includes(query.toLowerCase());\n};\n\n// =============================================================================\n// COMPONENTS\n// =============================================================================\n\nconst SDKCard: FC<{\n sdk: SdkResource;\n copyLabel: string;\n copiedLabel: string;\n}> = ({ sdk, copyLabel, copiedLabel }) => {\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n void nativeImpact(\"light\");\n const ok = await nativeCopyText(sdk.installCommand);\n if (ok) {\n setCopied(true);\n void nativeNotify(\"success\");\n setTimeout(() => setCopied(false), 2000);\n } else {\n void nativeNotify(\"error\");\n }\n };\n\n return (\n <div className=\"flex flex-col rounded-lg border bg-card p-5\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-primary/10 p-2.5 text-primary\">\n {sdk.icon}\n </div>\n <div>\n <h3 className=\"font-semibold\">{sdk.name}</h3>\n </div>\n </div>\n\n <p className=\"mt-3 text-sm text-muted-foreground\">{sdk.description}</p>\n\n <div className=\"mt-4 flex items-center gap-2 rounded-md bg-muted/50 p-2\">\n <code className=\"flex-1 text-xs\">{sdk.installCommand}</code>\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"rounded px-2 py-1 text-xs hover:bg-muted transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n {copied ? copiedLabel : copyLabel}\n </button>\n </div>\n\n <div className=\"mt-4 flex items-center justify-end text-sm\">\n <a\n href={sdk.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"flex items-center gap-1 text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n Docs <ExternalLink size={12} aria-hidden=\"true\" />\n </a>\n </div>\n </div>\n );\n};\n\nconst ResourceCard: FC<{ resource: Resource }> = ({ resource }) => (\n <a\n href={resource.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"group flex items-start gap-4 rounded-lg border bg-card p-4 transition-all hover:border-primary/50 hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n <div className=\"rounded-lg bg-primary/10 p-2.5 text-primary\">\n {resource.icon}\n </div>\n <div className=\"flex-1\">\n <h3 className=\"font-semibold group-hover:text-primary\">\n {resource.name}\n </h3>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {resource.description}\n </p>\n </div>\n <ExternalLink\n size={16}\n aria-hidden=\"true\"\n className=\"text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\"\n />\n </a>\n);\n\n// =============================================================================\n// PAGE COMPONENT\n// =============================================================================\n\nexport const ResourcesPage: FC = () => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [category, setCategory] = useState<ResourceCategory>(\"all\");\n\n const showBuild = category === \"all\" \|\| category === \"build\";\n const showLearn = category === \"all\" \|\| category === \"learn\";\n\n const sdkVisible = useMemo(\n () => showBuild && matchesQuery(sdk, searchQuery),\n [showBuild, searchQuery],\n );\n const buildVisible = useMemo(\n () =>\n showBuild\n ? buildResources.filter((r) => matchesQuery(r, searchQuery))\n : [],\n [showBuild, searchQuery],\n );\n const extendVisible = useMemo(\n () =>\n showBuild\n ? extendResources.filter((r) => matchesQuery(r, searchQuery))\n : [],\n [showBuild, searchQuery],\n );\n const learnVisible = useMemo(\n () =>\n showLearn\n ? learnResources.filter((r) => matchesQuery(r, searchQuery))\n : [],\n [showLearn, searchQuery],\n );\n\n const hasResults =\n sdkVisible \|\|\n buildVisible.length > 0 \|\|\n extendVisible.length > 0 \|\|\n learnVisible.length > 0;\n\n return (\n <PageLayout\n title={tr(\"devportal.developerResources\", \"Developer Resources\")}\n description={tr(\n \"devportal.resourcesDescription\",\n \"Documentation for building, extending, and learning the Burdenoff platform\",\n )}\n >\n {/ Coming-soon banner — Resources is a deferred surface (see\n devportal stability tracker). The cards below link to the official\n developer documentation until the in-product hub lands. /}\n <div\n role=\"status\"\n className=\"mb-6 rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm text-status-warning-text\"\n >\n <strong className=\"font-semibold\">\n {tr(\"devportal.resources.comingSoon.title\", \"Coming soon\")}\n </strong>\n <span className=\"ml-2\">\n {tr(\n \"devportal.resources.comingSoon.description\",\n \"An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.\",\n )}\n </span>\n </div>\n\n {/ Search and Filter /}\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"relative flex-1 max-w-md\">\n <Search\n size={16}\n aria-hidden=\"true\"\n className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n />\n <input\n type=\"text\"\n aria-label={tr(\"devportal.searchResources\", \"Search resources...\")}\n placeholder={tr(\"devportal.searchResources\", \"Search resources...\")}\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n </div>\n <div\n role=\"group\"\n aria-label={tr(\"devportal.filterResources\", \"Filter resources\")}\n className=\"flex items-center gap-1 rounded-md border p-1\"\n >\n {[\n { id: \"all\", label: tr(\"devportal.filterAll\", \"All\") },\n { id: \"build\", label: tr(\"devportal.filterBuild\", \"Build\") },\n { id: \"learn\", label: tr(\"devportal.filterLearn\", \"Learn\") },\n ].map((cat) => (\n <button\n key={cat.id}\n type=\"button\"\n aria-pressed={category === cat.id}\n onClick={() => setCategory(cat.id as ResourceCategory)}\n className={cn(\n \"rounded px-3 py-1.5 text-sm font-medium transition-colors\",\n category === cat.id\n ? \"bg-primary text-primary-foreground\"\n : \"hover:bg-muted\",\n )}\n >\n {cat.label}\n </button>\n ))}\n </div>\n </div>\n\n {/ SDKs /}\n {sdkVisible && (\n <PageSection\n title={tr(\"devportal.sdks\", \"SDKs\")}\n description={tr(\n \"devportal.sdksDescription\",\n \"Client libraries for building on the platform\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n <SDKCard\n sdk={sdk}\n copyLabel={tr(\"devportal.copy\", \"Copy\")}\n copiedLabel={tr(\"devportal.copied\", \"Copied!\")}\n />\n </div>\n </PageSection>\n )}\n\n {/ Build /}\n {buildVisible.length > 0 && (\n <PageSection\n title={tr(\"devportal.build\", \"Build\")}\n description={tr(\n \"devportal.buildDescription\",\n \"APIs and integration surfaces\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {buildVisible.map((resource) => (\n <ResourceCard key={resource.id} resource={resource} />\n ))}\n </div>\n </PageSection>\n )}\n\n {/ Extend /}\n {extendVisible.length > 0 && (\n <PageSection\n title={tr(\"devportal.extend\", \"Extend\")}\n description={tr(\n \"devportal.extendDescription\",\n \"Schedule jobs and orchestrate workflows\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {extendVisible.map((resource) => (\n <ResourceCard key={resource.id} resource={resource} />\n ))}\n </div>\n </PageSection>\n )}\n\n {/ Learn /}\n {learnVisible.length > 0 && (\n <PageSection\n title={tr(\"devportal.learn\", \"Learn\")}\n description={tr(\n \"devportal.learnDescription\",\n \"Guides and concepts to get you started\",\n )}\n >\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {learnVisible.map((resource) => (\n <ResourceCard key={resource.id} resource={resource} />\n ))}\n </div>\n </PageSection>\n )}\n\n {/ Empty state */}\n {!hasResults && (\n <div className=\"mt-8 rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground\">\n {tr(\"devportal.noResourcesFound\", \"No resources match your search.\")}\n </div>\n )}\n </PageLayout>\n );\n};\n"],"mappings":";;;;;;;;AAqCA,IAAM,IAAY,yCAuBZ,IAAmB;CACvB,IAAI;CACJ,MAAM;CACN,aACE;CACF,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;CACzB,KAAK,GAAG,EAAU;CAClB,gBAAgB;CACjB,EAGK,IAA6B;CACjC;EACE,IAAI;EACJ,MAAM;EACN,aACE;EACF,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;EAC3B,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aACE;EACF,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;EACxB,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aACE;EACF,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;EAC3B,KAAK,GAAG,EAAU;EACnB;CACF,EAGK,IAA8B,CAClC;CACE,IAAI;CACJ,MAAM;CACN,aACE;CACF,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;CACjC,KAAK,GAAG,EAAU;CACnB,CACF,EAGK,IAA6B;CACjC;EACE,IAAI;EACJ,MAAM;EACN,aACE;EACF,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;EAC5B,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;EAC1B,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aACE;EACF,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;EAC5B,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;EAC1B,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;EAC5B,KAAK,GAAG,EAAU;EACnB;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;EAC9B,KAAK,GAAG,EAAU;EACnB;CACF,EAGK,KAAgB,GAAoB,MACnC,IACY,GAAG,EAAS,KAAK,GAAG,EAAS,cAAc,aAAa,CACzD,SAAS,EAAM,aAAa,CAAC,GAF1B,IASf,KAIA,EAAE,QAAK,cAAW,qBAAkB;CACxC,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;AAc3C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAI;KACD,CAAA,EACN,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;eAAiB,EAAI;KAAU,CAAA,EACzC,CAAA,CACF;;GAEN,kBAAC,KAAD;IAAG,WAAU;cAAsC,EAAI;IAAgB,CAAA;GAEvE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAkB,EAAI;KAAsB,CAAA,EAC5D,kBAAC,UAAD;KACE,MAAK;KACL,SA7BW,YAAY;AAG7B,MAFK,EAAa,QAAQ,EACf,MAAM,EAAe,EAAI,eAAe,IAEjD,EAAU,GAAK,EACV,EAAa,UAAU,EAC5B,iBAAiB,EAAU,GAAM,EAAE,IAAK,IAEnC,EAAa,QAAQ;;KAsBtB,WAAU;eAET,IAAS,IAAc;KACjB,CAAA,CACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KACE,MAAM,EAAI;KACV,QAAO;KACP,KAAI;KACJ,WAAU;eAJZ,CAKC,SACM,kBAAC,GAAD;MAAc,MAAM;MAAI,eAAY;MAAS,CAAA,CAChD;;IACA,CAAA;GACF;;GAIJ,KAA4C,EAAE,kBAClD,kBAAC,KAAD;CACE,MAAM,EAAS;CACf,QAAO;CACP,KAAI;CACJ,WAAU;WAJZ;EAME,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAS;GACN,CAAA;EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAS;IACP,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAS;IACR,CAAA,CACA;;EACN,kBAAC,GAAD;GACE,MAAM;GACN,eAAY;GACZ,WAAU;GACV,CAAA;EACA;IAOO,UAA0B;CACrC,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAE9B,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAU,KAAe,EAA2B,MAAM,EAE3D,IAAY,MAAa,SAAS,MAAa,SAC/C,IAAY,MAAa,SAAS,MAAa,SAE/C,IAAa,QACX,KAAa,EAAa,GAAK,EAAY,EACjD,CAAC,GAAW,EAAY,CACzB,EACK,IAAe,QAEjB,IACI,EAAe,QAAQ,MAAM,EAAa,GAAG,EAAY,CAAC,GAC1D,EAAE,EACR,CAAC,GAAW,EAAY,CACzB,EACK,IAAgB,QAElB,IACI,EAAgB,QAAQ,MAAM,EAAa,GAAG,EAAY,CAAC,GAC3D,EAAE,EACR,CAAC,GAAW,EAAY,CACzB,EACK,IAAe,QAEjB,IACI,EAAe,QAAQ,MAAM,EAAa,GAAG,EAAY,CAAC,GAC1D,EAAE,EACR,CAAC,GAAW,EAAY,CACzB,EAEK,IACJ,KACA,EAAa,SAAS,KACtB,EAAc,SAAS,KACvB,EAAa,SAAS;AAExB,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,gCAAgC,sBAAsB;EAChE,aAAa,EACX,kCACA,6EACD;YALH;GAUE,kBAAC,OAAD;IACE,MAAK;IACL,WAAU;cAFZ,CAIE,kBAAC,UAAD;KAAQ,WAAU;eACf,EAAG,wCAAwC,cAAc;KACnD,CAAA,EACT,kBAAC,QAAD;KAAM,WAAU;eACb,EACC,8CACA,0HACD;KACI,CAAA,CACH;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,MAAM;MACN,eAAY;MACZ,WAAU;MACV,CAAA,EACF,kBAAC,SAAD;MACE,MAAK;MACL,cAAY,EAAG,6BAA6B,sBAAsB;MAClE,aAAa,EAAG,6BAA6B,sBAAsB;MACnE,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MACV,CAAA,CACE;QACN,kBAAC,OAAD;KACE,MAAK;KACL,cAAY,EAAG,6BAA6B,mBAAmB;KAC/D,WAAU;eAET;MACC;OAAE,IAAI;OAAO,OAAO,EAAG,uBAAuB,MAAM;OAAE;MACtD;OAAE,IAAI;OAAS,OAAO,EAAG,yBAAyB,QAAQ;OAAE;MAC5D;OAAE,IAAI;OAAS,OAAO,EAAG,yBAAyB,QAAQ;OAAE;MAC7D,CAAC,KAAK,MACL,kBAAC,UAAD;MAEE,MAAK;MACL,gBAAc,MAAa,EAAI;MAC/B,eAAe,EAAY,EAAI,GAAuB;MACtD,WAAW,EACT,6DACA,MAAa,EAAI,KACb,uCACA,iBACL;gBAEA,EAAI;MACE,EAZF,EAAI,GAYF,CACT;KACE,CAAA,CACF;;GAGL,KACC,kBAAC,GAAD;IACE,OAAO,EAAG,kBAAkB,OAAO;IACnC,aAAa,EACX,6BACA,gDACD;cAED,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACO;MACL,WAAW,EAAG,kBAAkB,OAAO;MACvC,aAAa,EAAG,oBAAoB,UAAU;MAC9C,CAAA;KACE,CAAA;IACM,CAAA;GAIf,EAAa,SAAS,KACrB,kBAAC,GAAD;IACE,OAAO,EAAG,mBAAmB,QAAQ;IACrC,aAAa,EACX,8BACA,gCACD;cAED,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,GAAD,EAA0C,aAAY,EAAnC,EAAS,GAA0B,CACtD;KACE,CAAA;IACM,CAAA;GAIf,EAAc,SAAS,KACtB,kBAAC,GAAD;IACE,OAAO,EAAG,oBAAoB,SAAS;IACvC,aAAa,EACX,+BACA,0CACD;cAED,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MAClB,kBAAC,GAAD,EAA0C,aAAY,EAAnC,EAAS,GAA0B,CACtD;KACE,CAAA;IACM,CAAA;GAIf,EAAa,SAAS,KACrB,kBAAC,GAAD;IACE,OAAO,EAAG,mBAAmB,QAAQ;IACrC,aAAa,EACX,8BACA,yCACD;cAED,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,GAAD,EAA0C,aAAY,EAAnC,EAAS,GAA0B,CACtD;KACE,CAAA;IACM,CAAA;GAIf,CAAC,KACA,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAG,8BAA8B,kCAAkC;IAChE,CAAA;GAEG"}

package/dist/devportal/pages/RevenueDashboardPage.js CHANGED Viewed

@@ -8,15 +8,15 @@ import { StatCard as s, StatCardGrid as re } from "../components/StatCard.js";
 import { StatusBadge as c } from "../components/StatusBadge.js";
 import { DataTable as l } from "../components/DataTable.js";
 import "../hooks/index.js";
-import { Tooltip as u } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as d } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as ie } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as f } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as p } from "../../node_modules/recharts/es6/cartesian/Line.js";
-import { XAxis as m } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as h } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as g } from "../../node_modules/recharts/es6/chart/LineChart.js";
-import { BarChart as _ } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { Tooltip as u } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as d } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Bar as ie } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as f } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as p } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/Line.js";
+import { XAxis as m } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as h } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as g } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as _ } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/chart/BarChart.js";
 import { useTr as ae } from "../utils/i18n.js";
 import { useMemo as v, useState as y } from "react";
 import { AlertCircle as b, ArrowDownToLine as oe, Building2 as x, Check as S, CreditCard as C, DollarSign as w, Link2 as T, Loader2 as E, Wallet as se } from "lucide-react";
@@ -85,7 +85,7 @@ var k = {
 		title: A("devportal.revenue.title", "Revenue"),
 		description: A("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ D("div", {
-			className: "flex items-center justify-center py-16 text-text-secondary",
+			className: "flex items-center justify-center py-16 text-muted-foreground",
 			children: /* @__PURE__ */ D(E, { className: "h-8 w-8 animate-spin" })
 		})
 	}) : W ? /* @__PURE__ */ D(a, {
@@ -119,7 +119,7 @@ var k = {
 				value: M,
 				onChange: (e) => fe(e.target.value),
 				"aria-label": A("devportal.revenue.selectRangeAria", "Select time range"),
-				className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+				className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 				children: [
 					/* @__PURE__ */ D("option", {
 						value: "30d",
@@ -168,7 +168,7 @@ var k = {
 								type: "button",
 								onClick: X,
 								disabled: N || H,
-								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex-shrink-0",
+								className: "inline-flex items-center gap-2 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 flex-shrink-0",
 								children: [N || H ? /* @__PURE__ */ D(E, {
 									size: 14,
 									className: "animate-spin"
@@ -177,11 +177,11 @@ var k = {
 						]
 					}),
 					L && J.length === 0 && /* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 text-sm text-text-secondary",
+						className: "rounded-lg border border-border bg-card p-4 ml-8 text-sm text-muted-foreground",
 						children: A("devportal.revenue.noBillingAccounts", "You don't have any billing accounts yet. Create one from your account billing settings first.")
 					}),
 					L && J.length > 0 && /* @__PURE__ */ O("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3",
+						className: "rounded-lg border border-border bg-card p-4 ml-8 space-y-3",
 						children: [
 							/* @__PURE__ */ D("p", {
 								className: "text-sm font-medium",
@@ -192,7 +192,7 @@ var k = {
 								children: J.map((e) => /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => B(e.id ?? null),
-									className: t("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+									className: t("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-primary/5 text-foreground" : "border-border hover:bg-accent text-foreground"),
 									children: [/* @__PURE__ */ D(S, {
 										size: 14,
 										className: t("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
@@ -202,7 +202,7 @@ var k = {
 											className: "font-medium truncate",
 											children: e.name
 										}), e.isDefault && /* @__PURE__ */ D("p", {
-											className: "text-xs text-text-secondary",
+											className: "text-xs text-muted-foreground",
 											children: A("devportal.revenue.defaultAccount", "Default")
 										})]
 									})]
@@ -215,13 +215,13 @@ var k = {
 									onClick: () => {
 										R(!1), I(null);
 									},
-									className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
+									className: "rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent transition-colors",
 									children: A("devportal.cancel", "Cancel")
 								}), /* @__PURE__ */ O("button", {
 									type: "button",
 									disabled: N || !z,
 									onClick: () => void Z(),
-									className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
+									className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
 									children: [N ? /* @__PURE__ */ D(E, {
 										size: 13,
 										className: "animate-spin"
@@ -233,13 +233,13 @@ var k = {
 				]
 			}),
 			q?.billingAccountId && /* @__PURE__ */ O("div", {
-				className: "mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3",
+				className: "mb-6 rounded-lg border border-border bg-card p-3 flex flex-col gap-3",
 				children: [/* @__PURE__ */ O("div", {
 					className: "flex items-center gap-3",
 					children: [
 						/* @__PURE__ */ D(C, {
 							size: 16,
-							className: "text-text-secondary flex-shrink-0"
+							className: "text-muted-foreground flex-shrink-0"
 						}),
 						/* @__PURE__ */ O("div", {
 							className: "flex-1 min-w-0",
@@ -247,7 +247,7 @@ var k = {
 								className: "text-sm font-medium truncate",
 								children: Y?.name ?? A("devportal.revenue.billingAccount", "Billing account")
 							}), /* @__PURE__ */ D("p", {
-								className: "text-xs text-text-secondary truncate",
+								className: "text-xs text-muted-foreground truncate",
 								children: Y ? `${Y.currency}${Y.email ? ` · ${Y.email}` : ""}` : q.billingAccountId
 							})]
 						}),
@@ -255,12 +255,12 @@ var k = {
 							type: "button",
 							onClick: X,
 							disabled: H,
-							className: "text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50",
+							className: "text-xs text-muted-foreground hover:text-foreground transition-colors flex-shrink-0 disabled:opacity-50",
 							children: A("devportal.revenue.changeBillingAccount", "Change")
 						})
 					]
 				}), L && J.length > 0 && /* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3",
+					className: "rounded-lg border border-border bg-background p-4 space-y-3",
 					children: [
 						/* @__PURE__ */ D("p", {
 							className: "text-sm font-medium",
@@ -271,7 +271,7 @@ var k = {
 							children: J.map((e) => /* @__PURE__ */ O("button", {
 								type: "button",
 								onClick: () => B(e.id ?? null),
-								className: t("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+								className: t("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-primary/5 text-foreground" : "border-border hover:bg-accent text-foreground"),
 								children: [/* @__PURE__ */ D(S, {
 									size: 14,
 									className: t("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
@@ -281,7 +281,7 @@ var k = {
 										className: "font-medium truncate",
 										children: e.name
 									}), e.isDefault && /* @__PURE__ */ D("p", {
-										className: "text-xs text-text-secondary",
+										className: "text-xs text-muted-foreground",
 										children: A("devportal.revenue.defaultAccount", "Default")
 									})]
 								})]
@@ -294,13 +294,13 @@ var k = {
 								onClick: () => {
 									R(!1), I(null);
 								},
-								className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
+								className: "rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent transition-colors",
 								children: A("devportal.cancel", "Cancel")
 							}), /* @__PURE__ */ O("button", {
 								type: "button",
 								disabled: N || !z,
 								onClick: () => void Z(),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
+								className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
 								children: [N ? /* @__PURE__ */ D(E, {
 									size: 13,
 									className: "animate-spin"
@@ -315,7 +315,7 @@ var k = {
 				})]
 			}),
 			ve && !Q ? /* @__PURE__ */ D("div", {
-				className: "flex items-center justify-center py-16 text-text-secondary",
+				className: "flex items-center justify-center py-16 text-muted-foreground",
 				children: /* @__PURE__ */ D(E, { className: "h-8 w-8 animate-spin" })
 			}) : Q ? /* @__PURE__ */ O(le, { children: [
 				/* @__PURE__ */ O(re, {
@@ -350,7 +350,7 @@ var k = {
 					children: [/* @__PURE__ */ D(o, {
 						title: A("devportal.revenue.revenueTrend", "Revenue trend"),
 						children: /* @__PURE__ */ D("div", {
-							className: "rounded-lg border bg-bg-surface p-4",
+							className: "rounded-lg border bg-card p-4",
 							children: /* @__PURE__ */ D(d, {
 								width: "100%",
 								height: 300,
@@ -398,14 +398,14 @@ var k = {
 						children: Q.topApps.length > 0 ? /* @__PURE__ */ D("div", {
 							className: "space-y-2",
 							children: Q.topApps.map((e) => /* @__PURE__ */ D("div", {
-								className: "rounded-lg border bg-bg-surface p-4",
+								className: "rounded-lg border bg-card p-4",
 								children: /* @__PURE__ */ O("div", {
 									className: "flex items-start justify-between gap-3",
 									children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 										className: "font-medium",
 										children: e.applicationName
 									}), /* @__PURE__ */ O("p", {
-										className: "text-sm text-text-secondary",
+										className: "text-sm text-muted-foreground",
 										children: [
 											e.salesCount,
 											" ",
@@ -417,7 +417,7 @@ var k = {
 											className: "font-semibold",
 											children: ["$", e.grossRevenue.toLocaleString()]
 										}), /* @__PURE__ */ O("p", {
-											className: "text-sm text-text-secondary",
+											className: "text-sm text-muted-foreground",
 											children: [
 												A("devportal.revenue.net", "Net"),
 												" $",
@@ -437,7 +437,7 @@ var k = {
 				/* @__PURE__ */ D(o, {
 					title: A("devportal.revenue.salesVolume", "Sales volume"),
 					children: /* @__PURE__ */ D("div", {
-						className: "rounded-lg border bg-bg-surface p-4",
+						className: "rounded-lg border bg-card p-4",
 						children: /* @__PURE__ */ D(d, {
 							width: "100%",
 							height: 280,
@@ -550,7 +550,7 @@ var k = {
 		children: /* @__PURE__ */ D(n, {
 			icon: /* @__PURE__ */ D(x, {
 				size: 32,
-				className: "text-text-secondary"
+				className: "text-muted-foreground"
 			}),
 			title: A("devportal.revenue.selectOrgTitle", "Select an organization"),
 			description: A("devportal.revenue.selectOrgHint", "Use the organization switcher in the nav bar above to choose which organization's revenue to view.")