{recipe.requirements.map((requirement) => {
diff --git a/src/components/common/CopyFeedbackButton.test.tsx b/src/components/common/CopyFeedbackButton.test.tsx
index c2707fe7..bbc85901 100644
--- a/src/components/common/CopyFeedbackButton.test.tsx
+++ b/src/components/common/CopyFeedbackButton.test.tsx
@@ -105,15 +105,19 @@ test('can opt into platform action button chrome', () => {
actionSurface="platform"
actionShape="pill"
actionFullWidth
+ aria-label="复制错误详情"
+ title="复制错误详情"
/>,
);
- const button = screen.getByRole('button', { name: '复制报错' });
+ const button = screen.getByRole('button', { name: '复制错误详情' });
expect(button.className).toContain('platform-button--primary');
expect(button.className).toContain('w-full');
expect(button.className).toContain('rounded-full');
expect(button.className).toContain('disabled:cursor-not-allowed');
+ expect(button.getAttribute('title')).toBe('复制错误详情');
+ expect(button.textContent).toContain('复制报错');
});
test('can opt into shared pill action chrome', () => {
diff --git a/src/components/common/CopyFeedbackButton.tsx b/src/components/common/CopyFeedbackButton.tsx
index 7a37e563..d88a5750 100644
--- a/src/components/common/CopyFeedbackButton.tsx
+++ b/src/components/common/CopyFeedbackButton.tsx
@@ -2,12 +2,12 @@ import { Check, Copy } from 'lucide-react';
import type { ButtonHTMLAttributes, ReactNode } from 'react';
import {
- getPlatformActionButtonClassName,
type PlatformActionButtonSize,
type PlatformActionButtonShape,
type PlatformActionButtonSurface,
type PlatformActionButtonTone,
} from './platformActionButtonModel';
+import { PlatformActionButton } from './PlatformActionButton';
import {
getPlatformPillBadgeClassName,
type PlatformPillBadgeSize,
@@ -105,38 +105,53 @@ export function CopyFeedbackButton({
: typeof idleLabel === 'string'
? idleLabel
: undefined);
+ const resolvedAriaLabel = ariaLabel ?? accessibleLabel;
+ const resolvedTitle =
+ title ?? (typeof accessibleLabel === 'string' ? accessibleLabel : undefined);
+ const content = (
+ <>
+ {showIcon ? icon : null}
+ {showLabel ?
{label} : null}
+
+ );
+
+ if (actionSurface) {
+ return (
+
+ {content}
+
+ );
+ }
return (
);
}
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
index b7a628d6..d9ff1b79 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
@@ -847,6 +847,31 @@ test('creation hub works-only tab filters bark battle draft and published works'
expect(onOpenBarkBattleDetail).toHaveBeenCalledWith(barkBattlePublishedItem);
});
+test('creation hub keeps filtered empty copy when selected tab has no works', async () => {
+ const user = userEvent.setup();
+
+ render(
+
{}}
+ onCreateType={noopCreateType}
+ onOpenDraft={() => {}}
+ onEnterPublished={() => {}}
+ entryConfig={testEntryConfig}
+ creationTypes={testCreationTypes}
+ />,
+ );
+
+ await user.click(screen.getByRole('tab', { name: '草稿 0' }));
+
+ expect(screen.getByText('当前筛选下没有内容')).toBeTruthy();
+ expect(screen.queryByText('还没有作品')).toBeNull();
+});
+
test('creation hub published work delete action stays in revealed side actions', async () => {
const user = userEvent.setup();
const onDeletePuzzle = vi.fn();
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.tsx b/src/components/custom-world-home/CustomWorldCreationHub.tsx
index 4c73d87a..8bd05eec 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.tsx
@@ -3,6 +3,7 @@ import { useEffect, useMemo, useState } from 'react';
import { resolveSelectionStageFromPath } from '../../routing/appPageRoutes';
import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformAsyncStatePanel } from '../common/PlatformAsyncStatePanel';
import { PlatformEmptyState } from '../common/PlatformEmptyState';
import { PlatformSubpanel } from '../common/PlatformSubpanel';
import type { PublishShareModalPayload } from '../common/publishShareModalModel';
@@ -206,6 +207,7 @@ export function CustomWorldCreationHub({
const recentCreationTypeIds = [
...new Set(recentWorkItems.map((item) => item.kind)),
];
+ const isWorkShelfEmpty = !loading && filteredItems.length === 0;
function handleOpenShelfItem(item: CreationWorkShelfItem) {
onOpenShelfItem?.(item);
@@ -238,6 +240,55 @@ export function CustomWorldCreationHub({
const showStartCard = mode !== 'works-only';
const showWorkShelf = mode !== 'start-only';
+ const workShelfLoadingState = (
+
+ {Array.from({ length: 3 }).map((_, index) => (
+
+
+
+
+
+
+
+ ))}
+
+ {filteredItems.map((item) => (
+ {
+ handleOpenShelfItem(item);
+ }}
+ onDelete={buildDeleteAction(item)}
+ deleteBusy={deletingWorkId === item.id}
+ onShare={buildShareAction(item)}
+ onClaimPointIncentive={buildPointIncentiveAction(item)}
+ pointIncentiveBusy={
+ item.source.kind === 'puzzle' &&
+ claimingPuzzleProfileId === item.source.item.profileId
+ }
+ />
+ ))}
+
+ );
return (
@@ -276,55 +327,14 @@ export function CustomWorldCreationHub({
) : null}
{showWorkShelf ? (
- loading ? (
-
- {Array.from({ length: 3 }).map((_, index) => (
-
-
-
-
-
-
-
- ))}
-
- ) : filteredItems.length > 0 ? (
-
- {filteredItems.map((item) => (
- {
- handleOpenShelfItem(item);
- }}
- onDelete={buildDeleteAction(item)}
- deleteBusy={deletingWorkId === item.id}
- onShare={buildShareAction(item)}
- onClaimPointIncentive={buildPointIncentiveAction(item)}
- pointIncentiveBusy={
- item.source.kind === 'puzzle' &&
- claimingPuzzleProfileId === item.source.item.profileId
- }
- />
- ))}
-
- ) : shelfItems.length === 0 ? (
-
- ) : (
-
- )
+
+ {workShelfContent}
+
) : null}