Skip to content

feat(frontend): node statusn fix, node list style and dash animate #90

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Oct 15, 2025
Merged

feat(frontend): node statusn fix, node list style and dash animate #90

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
6a46050
fix(frontend): chat status determine incorrect
xz-gradient Oct 13, 2025
e3805bf
build(frontend): build
xz-gradient Oct 13, 2025
ae1b49a
feat: node separate by dash and animate when chat generating
xz-gradient Oct 14, 2025
394138e
feat(frontend): better dash style and animate
xz-gradient Oct 14, 2025
0ddf8d2
feat(frontend): mock node location
xz-gradient Oct 14, 2025
8c49548
feat(frontend): lazy navigate for better user experience
xz-gradient Oct 14, 2025
21ee521
fix(frontend): remove debugging code
xz-gradient Oct 14, 2025
5265c04
fix(frontend): chat messages stream button scroll to bottom position …
xz-gradient Oct 14, 2025
fcff83f
fix(frontend): node label wrap style
xz-gradient Oct 14, 2025
2101938
fix(frontend): hide node mock location
xz-gradient Oct 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/frontend/dist/assets/chat-ClPaG14_.js → src/frontend/dist/assets/chat-CpTmCBEN.js
View file
Open in desktop

Large diffs are not rendered by default.

320 changes: 0 additions & 320 deletions src/frontend/dist/assets/index-CnnXn_hp.js
View file
Open in desktop

This file was deleted.

320 changes: 320 additions & 0 deletions src/frontend/dist/assets/index-DQWvM1i5.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/frontend/dist/assets/join-BibCN958.js → src/frontend/dist/assets/join-CnldUErm.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

90 changes: 45 additions & 45 deletions ...ntend/dist/assets/main-layout-DYiPakMZ.js → ...ntend/dist/assets/main-layout-CWejjuhl.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/frontend/dist/assets/setup-BjneFMVt.js → src/frontend/dist/assets/setup-BGrBYndC.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion src/frontend/dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/assets/gradient-icon-CRwZKfVU.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Parallax Open Source</title>
<script type="module" crossorigin src="/assets/index-CnnXn_hp.js"></script>
<script type="module" crossorigin src="/assets/index-DQWvM1i5.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-J8fDKCu3.css">
</head>
<body>
Expand Down
7 changes: 4 additions & 3 deletions src/frontend/src/components/common/drawer-layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -278,16 +278,17 @@ export const DrawerLayout: FC<PropsWithChildren> = ({ children }) => {
<Stack>
<Stack direction='row' sx={{ gap: 1, color: 'text.primary' }}>
{/* <IconCluster /> */}
<Typography variant='body1' sx={{ mt: '1.5px', mb: '20px', color: '#A7A7A7FF', fontWeight: 600}}>
<Typography variant='body1' sx={{ mt: '1.5px', color: '#A7A7A7FF', fontWeight: 600 }}>
Cluster topology
</Typography>
</Stack>
<NodeList variant='menu' />
<NodeList variant='menu' sx={{ py: '2rem' }} />
<Button
color='info'
startIcon={<IconPlus />}
onClick={openJoinCommand}
sx={{ mt: '30px' }}
// onClick={openRebalancing}
// onClick={openWaiting}
>
Add Nodes
</Button>
Expand Down
8 changes: 4 additions & 4 deletions src/frontend/src/components/inputs/chat-input.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,12 +66,12 @@ export const ChatInput: FC = () => {
<Button
size='small'
color='primary'
disabled={clusterStatus !== 'available'}
loading={status === 'opened'}
disabled={clusterStatus !== 'available' || status === 'opened'}
// loading={status === 'opened'}
onClick={() => {
if (status === 'opened') {
if (status === 'generating') {
stop();
} else if (status === 'closed') {
} else if (status === 'closed' || status === 'error') {
generate();
}
}}
Expand Down
24 changes: 19 additions & 5 deletions src/frontend/src/components/inputs/chat-messages.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,15 +59,16 @@ export const ChatMessages: FC = () => {
}, 250);
};

return (
const nodeStream = (
<Stack
key='stream'
ref={refContainer}
sx={{
position: 'relative',
flex: 1,
width: '100%',
height: '100%',

overflowX: 'hidden',
overflowY: 'auto',
gap: 4,
'&::-webkit-scrollbar': { display: 'none' },
scrollbarWidth: 'none',
msOverflowStyle: 'none',
Expand All @@ -87,8 +88,21 @@ export const ChatMessages: FC = () => {
{status === 'opened' && <DotPulse size='large' />}

<Box ref={refBottom} sx={{ width: '100%', height: 0 }} />
</Stack>
);

return (
<Box
sx={{
position: 'relative',
gap: 4,
flex: 1,
overflow: 'hidden',
}}
>
{nodeStream}
<IconButton
key='scroll-to-bottom'
onClick={scrollToBottom}
size='small'
aria-label='Scroll to bottom'
Expand All @@ -109,7 +123,7 @@ export const ChatMessages: FC = () => {
>
<IconArrowDown />
</IconButton>
</Stack>
</Box>
);
};

Expand Down
Loading