18 KiB
18 KiB
Review package Task 4
Commits
3194cbe feat: add workbench channel templates
Stat
.../src/features/workbench/ChannelContent.svelte | 30 +++++++++++++++++ .../src/features/workbench/ChannelContent.test.ts | 39 ++++++++++++++++++++++ .../src/features/workbench/ObjectInspector.svelte | 37 ++++++++++++++++++++ .../src/features/workbench/ProjectWorkbench.svelte | 15 ++++++--- .../workbench/channels/AISessionsChannel.svelte | 27 +++++++++++++++ .../features/workbench/channels/CronChannel.svelte | 19 +++++++++++ .../workbench/channels/CustomLinkChannel.svelte | 16 +++++++++ .../workbench/channels/InboxChannel.svelte | 22 ++++++++++++ .../workbench/channels/NotesSourcesChannel.svelte | 19 +++++++++++ .../workbench/channels/OverviewChannel.svelte | 29 ++++++++++++++++ .../workbench/channels/TasksChannel.svelte | 23 +++++++++++++ 11 files changed, 272 insertions(+), 4 deletions(-)
Diff
diff --git a/apps/web/src/features/workbench/ChannelContent.svelte b/apps/web/src/features/workbench/ChannelContent.svelte new file mode 100644 index 0000000..9e81962 --- /dev/null +++ b/apps/web/src/features/workbench/ChannelContent.svelte @@ -0,0 +1,30 @@ +<script lang="ts">
- import type { InspectorItem, ProjectWorkspace, WorkbenchChannel } from './types';
- import OverviewChannel from './channels/OverviewChannel.svelte';
- import InboxChannel from './channels/InboxChannel.svelte';
- import TasksChannel from './channels/TasksChannel.svelte';
- import AISessionsChannel from './channels/AISessionsChannel.svelte';
- import NotesSourcesChannel from './channels/NotesSourcesChannel.svelte';
- import CronChannel from './channels/CronChannel.svelte';
- import CustomLinkChannel from './channels/CustomLinkChannel.svelte';
- export let workspace: ProjectWorkspace;
- export let channel: WorkbenchChannel;
- export let onInspect: (item: InspectorItem) => void; +</script>
+{#if channel.type === 'overview'}
- <OverviewChannel {workspace} {onInspect} /> +{:else if channel.type === 'inbox'}
- <InboxChannel messages={workspace.inbox} {onInspect} /> +{:else if channel.type === 'tasks'}
- <TasksChannel tasks={workspace.tasks} {onInspect} /> +{:else if channel.type === 'ai_sessions'}
- <AISessionsChannel sessions={workspace.aiSessions} {onInspect} /> +{:else if channel.type === 'notes_sources'}
- <NotesSourcesChannel items={workspace.notesSources} {onInspect} /> +{:else if channel.type === 'cron'}
- <CronChannel plans={workspace.cronPlans} {onInspect} /> +{:else}
- <CustomLinkChannel {channel} /> +{/if} diff --git a/apps/web/src/features/workbench/ChannelContent.test.ts b/apps/web/src/features/workbench/ChannelContent.test.ts new file mode 100644 index 0000000..41c4368 --- /dev/null +++ b/apps/web/src/features/workbench/ChannelContent.test.ts @@ -0,0 +1,39 @@ +import '@testing-library/jest-dom/vitest'; +import { fireEvent, render, screen } from '@testing-library/svelte'; +import { describe, expect, it } from 'vitest'; +import ChannelContent from './ChannelContent.svelte'; +import { getProjectWorkspace } from './mockData';
+describe('ChannelContent', () => {
- const workspace = getProjectWorkspace(1);
- it('renders different templates for system and custom channels', () => {
- for (const type of ['overview', 'inbox', 'tasks', 'ai_sessions', 'notes_sources', 'cron', 'custom_link'] as const) {
-
const channel = workspace.channels.find((item) => item.type === type); -
if (!channel) throw new Error(`missing ${type}`); -
render(ChannelContent, { props: { workspace, channel, onInspect: () => {} } }); - }
- expect(screen.getByText('Open external channel')).toBeInTheDocument();
- });
- it('sends selected task details to inspector', async () => {
- let inspectedTitle = '';
- const channel = workspace.channels.find((item) => item.type === 'tasks');
- if (!channel) throw new Error('missing task channel');
- render(ChannelContent, {
-
props: { -
workspace, -
channel, -
onInspect: (item) => { -
inspectedTitle = item.title; -
}, -
}, - });
- await fireEvent.click(screen.getByRole('button', { name: 'Inspect Confirm homepage information architecture' }));
- expect(inspectedTitle).toBe('Confirm homepage information architecture');
- }); +}); diff --git a/apps/web/src/features/workbench/ObjectInspector.svelte b/apps/web/src/features/workbench/ObjectInspector.svelte new file mode 100644 index 0000000..f36f387 --- /dev/null +++ b/apps/web/src/features/workbench/ObjectInspector.svelte @@ -0,0 +1,37 @@ +<script lang="ts">
- import type { InspectorItem } from './types';
- export let item: InspectorItem | null;
- let activeTab: 'discussion' | 'properties' | 'more' = 'discussion'; +</script>
+
diff --git a/apps/web/src/features/workbench/ProjectWorkbench.svelte b/apps/web/src/features/workbench/ProjectWorkbench.svelte index 4ab9ffd..3d29c30 100644 --- a/apps/web/src/features/workbench/ProjectWorkbench.svelte +++ b/apps/web/src/features/workbench/ProjectWorkbench.svelte @@ -1,41 +1,48 @@ <script lang="ts"> import { getProjectWorkspace, workbenchProjects } from './mockData'; + import ChannelContent from './ChannelContent.svelte'; + import ObjectInspector from './ObjectInspector.svelte'; import ProjectRail from './ProjectRail.svelte'; import ProjectChannelSidebar from './ProjectChannelSidebar.svelte'; import WorkspaceTopbar from './WorkspaceTopbar.svelte'; + import type { InspectorItem } from './types'; export let currentUser: { account: string }; let selectedProjectID = workbenchProjects[0].id; + let selectedItem: InspectorItem | null = null; $: workspace = getProjectWorkspace(selectedProjectID); $: selectedChannelID = workspace.channels[0].id; + $: selectedChannel = workspace.channels.find((channel) => channel.id === selectedChannelID) ?? workspace.channels[0]; function selectProject(projectID: number) { selectedProjectID = projectID; } function selectChannel(channelID: string) { selectedChannelID = channelID; } + + function inspectItem(item: InspectorItem) { + selectedItem = item; + } </script>{workspace.channels.find((channel) => channel.id === selectedChannelID)?.title}
+Project intelligence
AI Sessions
+
+
+
+ {#each sessions as session}
+ (selectedSessionID = session.id)}>{session.title}{session.updatedAt}
+ {/each}
+
+ {#if selectedSession}
+ {selectedSession.title}
{selectedSession.summary}
References: {selectedSession.references.join(', ')}
inspectSession(selectedSession)}>InspectScheduled work
Cron Plans
+
+ {#each plans as plan}
+ inspectPlan(plan)}>Inspect
+ {/each}
+
+{plan.title}
{plan.schedule} · {plan.nextRun}
{plan.enabled ? 'Enabled' : 'Disabled'} · {plan.lastResult}External resource
{channel.title}
+{channel.url}
+ Open external channel + Copy URL +Message Flow
Inbox
+
+ {#each messages as message}
+
+
+ {/each}
+
+{message.source} · {message.time}
+ inspectMessage(message)}>Inspect
+ {message.title}
{message.summary}
{message.status} · #{message.tag}Project reference
Notes & Sources
+
+ {#each items as item}
+ {item.kind} inspectItem(item)}>Inspect
+ {/each}
+
+{item.title}
{item.source} · {item.updatedAt} · #{item.tag}{workspace.project.name}
+Overview
+ +
+ {#each metrics(workspace) as metric}
+ onInspect({ title: metric.label, type: 'Workspace metric', description: metric.description, properties: [{ label: 'Records', value: String(metric.value) }] })}>
+ {metric.value}
+ {metric.label}
+
+ {/each}
+
+Work Plan
Tasks
+
+ {#each tasks as task}
+
+
+
+ inspectTask(task)}>Inspect
+
+ {/each}
+
+{task.title}
{task.summary}
{task.owner} · {task.due} · #{task.tag}