corpi/viberoom-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(space): 정리된 intent hud와 리뷰 반영

Browse Source
This commit is contained in:
corpi
2026-03-14 16:28:26 +09:00
parent 6154bd54a8
commit bc08a049b6
17 changed files with 746 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/widgets/space-tools-dock/model/useSpaceToolsDockHandlers.ts
View File

@@ -155,13 +155,13 @@ export const useSpaceToolsDockHandlers = ({
: toolsDock.featureLabels.weeklyReview;
onStatusMessage({ message: toolsDock.proFeaturePending(label) });
}, [onStatusMessage, toolsDock.featureLabels]);
}, [onStatusMessage, toolsDock]);
const handleStartPro = useCallback(() => {
setPlan('pro');
onStatusMessage({ message: toolsDock.purchaseMock });
openUtilityPanel('control-center');
}, [onStatusMessage, openUtilityPanel, toolsDock.purchaseMock]);
}, [onStatusMessage, openUtilityPanel, setPlan, toolsDock.purchaseMock]);
const handleVolumeChange = useCallback((nextVolume: number) => {
const clamped = Math.min(100, Math.max(0, nextVolume));

13
src/widgets/space-tools-dock/ui/FocusModeAnchors.tsx
View File

@@ -3,12 +3,8 @@
import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
import type { SoundPreset } from '@/entities/session';
import { copy } from '@/shared/i18n';
import { cn } from '@/shared/lib/cn';
import type { SpaceAnchorPopoverId } from '../model/types';
import { ANCHOR_ICON, formatThoughtCount } from './constants';
import { FocusRightRail } from './FocusRightRail';
import { QuickNotesPopover } from './popovers/QuickNotesPopover';
import { QuickSoundPopover } from './popovers/QuickSoundPopover';
interface FocusModeAnchorsProps {
isFocusMode: boolean;
@@ -35,15 +31,6 @@ interface FocusModeAnchorsProps {
onSelectPreset: (presetId: string) => void;
}
const anchorContainerClassName =
'fixed z-30 transition-opacity bottom-[calc(env(safe-area-inset-bottom,0px)+5.25rem)] sm:bottom-[calc(env(safe-area-inset-bottom,0px)+0.75rem)]';
const anchorHaloClassName =
'pointer-events-none absolute -inset-x-5 -inset-y-4 -z-10 rounded-[999px] bg-[radial-gradient(ellipse_at_center,rgba(2,6,23,0.18)_0%,rgba(2,6,23,0.11)_48%,rgba(2,6,23,0)_78%)]';
const anchorButtonClassName =
'inline-flex items-center gap-1.5 rounded-full border border-white/14 bg-black/24 px-2.5 py-1.5 text-[11px] text-white/88 backdrop-blur-md transition-opacity hover:opacity-100';
export const FocusModeAnchors = ({
isFocusMode,
isIdle,