refactor(storybook): More re-organizing

src/stories/component/Player.stories.tsx

@@ -1,21 +1,21 @@
-import preview from "../../.storybook/preview.js";
+import preview from "../../../.storybook/preview.js";
 import React from 'react';
 import { http, HttpResponse, delay, sse } from 'msw';
 
 import { Container } from '@chakra-ui/react';
-import { ChakraPlayer, ChakraPlayerFetchable } from "../client/components/chakraPlayer/Player";
-import {Provider} from "../client/components/Provider";
-import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson } from "../core/tests/utils/apiFixtures.js";
-import { MsSseEvent } from "../core/Api.js";
+import { ChakraPlayer, ChakraPlayerFetchable } from "../../client/components/chakraPlayer/Player.js";
+import {Provider} from "../../client/components/Provider.js";
+import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson } from "../../core/tests/utils/apiFixtures.js";
+import { MsSseEvent } from "../../core/Api.js";
 import { SSEProvider } from "@flamefrontend/sse-runtime-react";
-import { sseProviderOptions } from "../client/AppNext.js";
+import { sseProviderOptions } from "../../client/AppNext.js";
 import dayjs from "dayjs";
-import { asJsonPlayObject } from "../core/PlayMarshalUtils.js";
-import { generatePlay } from "../core/PlayTestUtils.js";
+import { asJsonPlayObject } from "../../core/PlayMarshalUtils.js";
+import { generatePlay } from "../../core/PlayTestUtils.js";
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Examples/Player',
+  title: 'Component/Player',
   component: ChakraPlayer,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/logs/Logs.stories.tsx

@@ -1,10 +1,10 @@
-import preview from "../../.storybook/preview.js";
+import preview from "../../../.storybook/preview.js";
 import React from 'react';
 
 import { Container, Box } from '@chakra-ui/react';
-import { Logs } from "../client/components/LogsNext";
-import {Provider} from "../client/components/Provider";
-import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson } from "../core/tests/utils/apiFixtures.js";
+import { Logs } from "../../client/components/LogsNext.js";
+import {Provider} from "../../client/components/Provider.js";
+import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson } from "../../core/tests/utils/apiFixtures.js";
 
 const traceMessage = "[2026-06-16 13:02:42.674 -0400] \u001b[90mTRACE\u001b[39m  : \u001b[36m\u001b[90m[App]\u001b[36m \u001b[90m[Scrobblers]\u001b[36m \u001b[90m[Koito - koito]\u001b[36m \u001b[90m[Now Playing]\u001b[36m Not updating, previous matches current update --BUT-- time since last update (194s) is less than max threshold 238.121s\u001b[39m";
 const debugMessage = "[2026-06-16 13:03:20.150 -0400] \u001b[34mDEBUG\u001b[39m  : \u001b[36m\u001b[90m[App]\u001b[36m \u001b[90m[Sources]\u001b[36m \u001b[90m[Spotify - default]\u001b[36m Temporarily decreasing polling interval to 1.00s due to Player c98a8fb80e-foxx-arch-SingleUser reporting track duration remaining (2.01s) less than normal interval (10.00s)\u001b[39m";
@@ -16,7 +16,7 @@ const messages = [traceMessage, debugMessage, verboseMessage, infoMessage, error
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Examples/Logs',
+  title: 'Logs/Log Lines',
   component: Logs,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/logs/LogsFetchable.stories.tsx

@@ -1,16 +1,16 @@
-import preview from "../../.storybook/preview.js";
+import preview from "../../../.storybook/preview.js";
 import React from 'react';
 import { http, HttpResponse, delay } from 'msw';
 
 import { Container, Box } from '@chakra-ui/react';
-import { Logs, LogsFetchable } from "../client/components/LogsNext";
-import {Provider} from "../client/components/Provider";
-import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson, LOG_MESSAGE_FIXTURE, logsApiResponse } from "../core/tests/utils/apiFixtures.js";
-import { RightHeaderFloatingLogs } from "../client/components/AppHeader.js";
+import { Logs, LogsFetchable } from "../../client/components/LogsNext.js";
+import {Provider} from "../../client/components/Provider.js";
+import { generateClientApiJson, generateSourceApiJson, generateSourcePlayerJson, LOG_MESSAGE_FIXTURE, logsApiResponse } from "../../core/tests/utils/apiFixtures.js";
+import { RightHeaderFloatingLogs } from "../../client/components/AppHeader.js";
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Examples/Logs Window',
+  title: 'Logs/Floating Panel',
   component: RightHeaderFloatingLogs,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/miscComponents/ErrorAlert.stories.tsx

@@ -32,7 +32,7 @@ type PropsAndCustomArgs = React.ComponentProps<typeof ErrorAlert> & {
 };
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.type<{args: PropsAndCustomArgs}>().meta({
-  title: 'Static Components/Error Alert',
+  title: 'Misc Components/Error Alert',
   component: ErrorAlert,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/miscComponents/MobileNavbar.stories.tsx

@@ -8,7 +8,7 @@ import { withRouter, reactRouterParameters } from 'storybook-addon-remix-react-r
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Static Components/Mobile Sidebar',
+  title: 'Misc Components/Mobile Sidebar',
   component: MobileSidebarNav,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/miscComponents/NavbarItems.stories.tsx

@@ -9,7 +9,7 @@ import { withRouter, reactRouterParameters } from 'storybook-addon-remix-react-r
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Static Components/Navbar Items',
+  title: 'Misc Components/Navbar Items',
   component: SideNavItems,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/ActivityDetails.stories.tsx

@@ -1,19 +1,19 @@
-import preview from "../../.storybook/preview.js";
+import preview from "../../../.storybook/preview.js";
 import React from 'react';
 
 import { fn } from 'storybook/test';
 import { Container } from '@chakra-ui/react';
-import { ActivityTimeline } from "../client/components/ActivityTimeline";
-import {Provider} from "../client/components/Provider";
-import { generateJsonPlays } from "../core/PlayTestUtils.js";
-import { generatePlayApiCommonDetailed } from "../core/tests/utils/apiFixtures.js";
-import { generatePlayWithLifecycle, playWithLifecycleScrobble } from "../core/tests/utils/fixtures.js";
-import { asJsonPlayObject } from '../core/PlayMarshalUtils.js';
-import { ActivityDetails } from "../client/components/ActivityDetail.js";
+import { ActivityTimeline } from "../../client/components/ActivityTimeline.js";
+import {Provider} from "../../client/components/Provider.js";
+import { generateJsonPlays } from "../../core/PlayTestUtils.js";
+import { generatePlayApiCommonDetailed } from "../../core/tests/utils/apiFixtures.js";
+import { generatePlayWithLifecycle, playWithLifecycleScrobble } from "../../core/tests/utils/fixtures.js";
+import { asJsonPlayObject } from '../../core/PlayMarshalUtils.js';
+import { ActivityDetails } from "../../client/components/ActivityDetail.js";
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Examples/ActivityDetails',
+  title: 'Plays/Details',
   component: ActivityDetails,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/ActivityList.stories.tsx

@@ -24,7 +24,7 @@ import { faker } from '@faker-js/faker';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Activities/List',
+  title: 'Plays/List',
   component: ActivityList,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/ActivityListSkeleton.stories.tsx

@@ -10,7 +10,7 @@ import { ActivitySummarySkeleton } from "../../client/components/ActivityDetail.
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Activities/List Skeleton',
+  title: 'Plays/List Skeleton',
   component: ActivitySummarySkeleton
 ,
   parameters: {

src/stories/plays/ActivityTimeline.stories.tsx

@@ -12,7 +12,7 @@ import { asJsonPlayObject } from '../../core/PlayMarshalUtils.js';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Timelines/Play',
+  title: 'Plays/Timeline',
   component: ActivityTimeline,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/ListFilters.stories.tsx

@@ -11,7 +11,7 @@ import { PlayStateFilter } from "../../client/components/playActivity/ListFilter
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Activities/List Filters/Play State',
+  title: 'Plays/List Filters/Play State',
   component: PlayStateFilter,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/PlayInfo.stories.tsx

@@ -18,7 +18,7 @@ type PropsAndCustomArgs = React.ComponentProps<typeof PlayData> & {
 };
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.type<{args: PropsAndCustomArgs}>().meta({
-  title: 'Static Components/Play Info',
+  title: 'Plays/Play Info',
   component: PlayData,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/TransformSteps.stories.tsx

@@ -11,7 +11,7 @@ import { asJsonPlayObject } from "../../core/PlayMarshalUtils.js";
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Timelines/Play Transform Steps',
+  title: 'Plays/Transform Timeline',
   component: TransformSteps,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/listFilters/PlayDateRange.stories.tsx

@@ -9,7 +9,7 @@ import { Provider } from "../../../client/components/Provider.js";
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Activities/List Filters/Play Date Range',
+  title: 'Plays/List Filters/Play Date Range',
   component: PlayDateRangeFilter,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/plays/listFilters/PlayPhrase.stories.tsx

@@ -9,7 +9,7 @@ import { Provider } from "../../../client/components/Provider.js";
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 const meta = preview.meta({
-  title: 'Activities/List Filters/Phrase',
+  title: 'Plays/List Filters/Phrase',
   component: PhraseFilter,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout

src/stories/tsconfig.json

@@ -17,10 +17,11 @@
     ],
   },
   "include": [
-    "*.stories.ts",
+    "*.stories.tsx",
+    "**/*.stories.tsx",
     "*.tsx",
-    "..src/client/**/*.tsx",
-    "..src/backend/tests/**/*.ts"
+    "../src/client/**/*.tsx",
+    "../src/backend/tests/**/*.ts"
   ],
   "exclude": [
     "node_modules"