initial chunk and import changes

.force-deploy

@@ -2,8 +2,8 @@
 # Set FORCE_DEPLOY_* flags to control manual deployment overrides
 # Set to 'true' to force deployment, 'false' to disable
 
-FORCE_DEPLOY_API=true
-FORCE_DEPLOY_UI=true
+FORCE_DEPLOY_API=false
+FORCE_DEPLOY_UI=false
 FORCE_DEPLOY_DOCS=false
 
 # Developers: Change any value to 'true' to force deployment of that package

apps/api/src/cellix.test.ts

@@ -7,6 +7,7 @@ import api, { type Tracer } from '@opentelemetry/api';
 import { expect, type MockedFunction, vi } from 'vitest';
 import { Cellix } from './cellix.ts';
 
+
 // Mock Azure Functions
 const test = { for: describeFeature };
 

apps/docs/docusaurus.config.ts

@@ -6,6 +6,7 @@ import fs from 'node:fs';
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
+
 const config: Config = {
 	title: 'Sharethrift Docs',
 	tagline: 'Domain-Driven Design for Modern Azure Applications',

apps/ui-sharethrift/.storybook/vitest.setup.ts

@@ -4,3 +4,5 @@ import { setProjectAnnotations } from '@storybook/react-vite';
 import * as projectAnnotations from './preview';
 
 setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);
+
+

apps/ui-sharethrift/src/app.container.stories.tsx

@@ -0,0 +1,178 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AppContainer } from './app.container.tsx';
+import {
+	withMockApolloClient,
+	withMockRouter,
+	MockUnauthWrapper,
+} from './test-utils/storybook-decorators.tsx';
+import { AppContainerCurrentUserDocument, ListingsPageContainerGetListingsDocument, UseUserIsAdminDocument } from './generated.tsx';
+import { MemoryRouter, Route, Routes } from 'react-router-dom';
+
+const meta: Meta<typeof AppContainer> = {
+	title: 'App/AppContainer',
+	component: AppContainer,
+	parameters: {
+		layout: 'fullscreen',
+	},
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const AuthenticatedCompletedOnboarding: Story = {
+	decorators: [withMockApolloClient, withMockRouter('/')],
+	parameters: {
+		apolloClient: {
+			mocks: [
+				{
+					request: {
+						query: AppContainerCurrentUserDocument,
+						variables: {},
+					},
+					result: {
+						data: {
+							currentUserAndCreateIfNotExists: {
+								__typename: 'PersonalUser' as const,
+								id: 'user-123',
+								userType: 'personal-user',
+								hasCompletedOnboarding: true,
+							},
+						},
+					},
+				},
+				{
+					request: {
+						query: ListingsPageContainerGetListingsDocument,
+					},
+					result: {
+						data: {
+							itemListings: [
+								{
+									__typename: "ItemListing",
+									id: "64f7a9c2d1e5b97f3c9d0a41",
+									title: "City Bike",
+									description: "Perfect for city commuting.",
+									category: "Sports & Recreation",
+									location: "Philadelphia, PA",
+									state: "Active",
+									images: ["/assets/item-images/bike.png"],
+									createdAt: "2025-08-08T10:00:00Z",
+									updatedAt: "2025-08-08T12:00:00Z",
+									sharingPeriodStart: "2025-08-10T00:00:00Z",
+									sharingPeriodEnd: "2025-08-17T00:00:00Z",
+									schemaVersion: "1",
+									version: 1,
+									reports: 0,
+									sharingHistory: [],
+								},
+							],
+						},
+					},
+				},
+				{
+					request: {
+						query: UseUserIsAdminDocument,
+					},
+					result: {
+						data: {
+							currentUser: {
+								__typename: "PersonalUser",
+								id: "user-123",
+								userIsAdmin: false,
+							},
+						},
+					},
+				},
+			],
+		},
+	},
+};
+
+export const AuthenticatedNotCompletedOnboarding: Story = {
+	decorators: [withMockApolloClient, withMockRouter('/')],
+	parameters: {
+		apolloClient: {
+			mocks: [
+				{
+					request: {
+						query: AppContainerCurrentUserDocument,
+						variables: {},
+					},
+					result: {
+						data: {
+							currentUserAndCreateIfNotExists: {
+								__typename: 'PersonalUser' as const,
+								id: 'user-456',
+								userType: 'personal-user',
+								hasCompletedOnboarding: false,
+							},
+						},
+					},
+				},
+				{
+					request: {
+						query: ListingsPageContainerGetListingsDocument,
+					},
+					result: {
+						data: {
+							itemListings: [
+								{
+									__typename: "ItemListing",
+									id: "64f7a9c2d1e5b97f3c9d0a41",
+									title: "City Bike",
+									description: "Perfect for city commuting.",
+									category: "Sports & Recreation",
+									location: "Philadelphia, PA",
+									state: "Active",
+									images: ["/assets/item-images/bike.png"],
+									createdAt: "2025-08-08T10:00:00Z",
+									updatedAt: "2025-08-08T12:00:00Z",
+									sharingPeriodStart: "2025-08-10T00:00:00Z",
+									sharingPeriodEnd: "2025-08-17T00:00:00Z",
+									schemaVersion: "1",
+									version: 1,
+									reports: 0,
+									sharingHistory: [],
+								},
+							],
+						},
+					},
+				},
+				{
+					request: {
+						query: UseUserIsAdminDocument,
+					},
+					result: {
+						data: {
+							currentUser: {
+								__typename: "PersonalUser",
+								id: "user-456",
+								userIsAdmin: false,
+							},
+						},
+					},
+				},
+			],
+		},
+	},
+};
+
+export const Unauthenticated: Story = {
+	decorators: [
+		withMockApolloClient,
+		(Story) => (
+			<MockUnauthWrapper>
+				<MemoryRouter initialEntries={['/']}>
+					<Routes>
+						<Route path="*" element={<Story />} />
+					</Routes>
+				</MemoryRouter>
+			</MockUnauthWrapper>
+		),
+	],
+	parameters: {
+		apolloClient: {
+			mocks: [],
+		},
+	},
+};

apps/ui-sharethrift/src/App.container.tsx → apps/ui-sharethrift/src/app.container.tsx

@@ -1,7 +1,7 @@
 import type { FC } from "react";
 import { useQuery } from "@apollo/client/react";
 import { AppContainerCurrentUserDocument } from "./generated.tsx";
-import { App } from "./App.tsx";
+import { App } from "./app.tsx";
 import { ComponentQueryLoader } from "@sthrift/ui-components";
 import { useAuth } from "react-oidc-context";
 import { UserIdProvider } from "./components/shared/user-context.tsx";

apps/ui-sharethrift/src/App.stories.tsx → apps/ui-sharethrift/src/app.stories.tsx

@@ -3,7 +3,7 @@ import { expect } from 'storybook/test';
 import { MemoryRouter } from 'react-router-dom';
 import { AuthProvider } from 'react-oidc-context';
 import { MockedProvider } from '@apollo/client/testing/react';
-import { App } from './App.tsx';
+import { App } from './app.tsx';
 
 const mockEnv = {
 	VITE_FUNCTION_ENDPOINT: 'https://mock-functions.example.com',