@postgres.ai/shared 4.0.0-pr-1028.9 → 4.0.0-pr-1028.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postgres.ai/shared",
-  "version": "4.0.0-pr-1028.9",
+  "version": "4.0.0-pr-1028.10",
   "main": "index.js",
   "types": "index.d.ts",
   "peerDependencies": {

package/pages/Clone/index.js

@@ -220,8 +220,8 @@ export const Clone = observer((props) => {
         isReloading ||
         isUpdatingClone ||
         !isCloneStable;
-    return (_jsxs(_Fragment, { children: [headRendered, _jsxs("div", { className: classes.wrapper, children: [_jsxs("div", { className: classes.summary, children: [_jsxs("div", { className: classes.actions, children: [_jsxs(Button, { variant: "contained", color: "primary", onClick: requestResetClone, disabled: isDisabledControls, title: 'Reset clone', className: classes.actionButton, children: ["Reset clone", isResettingClone && (_jsx(Spinner, { size: "sm", className: classes.spinner }))] }), _jsxs(Button, { variant: "contained", color: "primary", onClick: requestDestroyClone, disabled: isDisabledControls, title: 'Delete this clone', className: classes.actionButton, children: ["Delete clone", isDestroyingClone && (_jsx(Spinner, { size: "sm", className: classes.spinner }))] }), _jsxs(Button, { variant: "contained", color: "primary", onClick: createSnapshot, disabled: isDisabledControls, title: 'Delete this clone', className: classes.actionButton, children: ["Create snapshot", snapshots.snapshotDataLoading && (_jsx(Spinner, { size: "sm", className: classes.spinner }))] }), _jsxs(Button, { variant: "outlined", color: "secondary", onClick: reloadClone, disabled: isDisabledControls, title: 'Refresh clone information', className: classes.actionButton, children: ["Reload info", isReloading && _jsx(Spinner, { size: "sm", className: classes.spinner })] })] }), stores.main.destroyCloneError ||
-                                (stores.main.resetCloneError && (_jsx(ErrorStub, { title: 'Resetting error', message: stores.main.resetCloneError, className: classes.errorStub }))), _jsxs("div", { children: [_jsx("p", { children: _jsx("strong", { children: "Branch" }) }), _jsx("p", { className: classes.text, children: clone.branch })] }), _jsxs("div", { className: classes.title, children: [_jsx("p", { children: _jsx("strong", { children: "Created" }) }), _jsx("p", { className: classes.text, children: clone.createdAt })] }), _jsx("br", {}), _jsxs("div", { children: [_jsxs("p", { children: [_jsx("strong", { children: "Data state at" }), "\u00A0", _jsx(Tooltip, { content: _jsxs(_Fragment, { children: [_jsx("strong", { children: "Data state time" }), " is a time at which data is\u00A0 recovered for this clone."] }), children: icons.infoIcon })] }), _jsx("p", { className: classes.text, children: (_e = clone.snapshot) === null || _e === void 0 ? void 0 : _e.dataStateAt })] }), _jsx("br", {}), _jsxs("div", { children: [_jsx("p", { children: _jsx("strong", { children: "Status" }) }), _jsx(Status, { rawClone: clone, className: classes.status })] }), _jsx("br", {}), _jsxs("div", { children: [_jsxs("p", { children: [_jsx("strong", { children: "Summary" }), "\u00A0", _jsx(Tooltip, { content: _jsxs(_Fragment, { children: [_jsx("strong", { children: "Logical data size" }), " is a logical size of files in PGDATA which is being thin-cloned.", _jsx("br", {}), _jsx("br", {}), _jsx("strong", { children: "Physical data diff size" }), " is an actual size of a\u00A0 thin clone. On creation there is no diff between clone\u2019s\u00A0 and initial data state, all data blocks match. During work\u00A0 with the clone data diverges and data diff size increases.", _jsx("br", {}), _jsx("br", {}), _jsx("strong", { children: "Clone creation time" }), " is time which was\u00A0 spent to provision the clone."] }), children: icons.infoIcon })] }), _jsxs("p", { className: classes.text, children: [_jsx("span", { className: classes.paramTitle, children: "Logical data size:" }), ((_f = instance.state) === null || _f === void 0 ? void 0 : _f.dataSize)
+    return (_jsxs(_Fragment, { children: [headRendered, _jsxs("div", { className: classes.wrapper, children: [_jsxs("div", { className: classes.summary, children: [_jsxs("div", { className: classes.actions, children: [_jsxs(Button, { variant: "contained", color: "primary", onClick: requestResetClone, disabled: isDisabledControls, title: 'Reset clone', className: classes.actionButton, children: ["Reset clone", isResettingClone && (_jsx(Spinner, { size: "sm", className: classes.spinner }))] }), _jsxs(Button, { variant: "contained", color: "primary", onClick: requestDestroyClone, disabled: isDisabledControls, title: 'Delete this clone', className: classes.actionButton, children: ["Delete clone", isDestroyingClone && (_jsx(Spinner, { size: "sm", className: classes.spinner }))] }), !props.hideBracnhingFeatures && _jsxs(Button, { variant: "contained", color: "primary", onClick: createSnapshot, disabled: isDisabledControls, title: 'Create snapshot', className: classes.actionButton, children: ["Create snapshot", snapshots.snapshotDataLoading && (_jsx(Spinner, { size: "sm", className: classes.spinner }))] }), _jsxs(Button, { variant: "outlined", color: "secondary", onClick: reloadClone, disabled: isDisabledControls, title: 'Refresh clone information', className: classes.actionButton, children: ["Reload info", isReloading && _jsx(Spinner, { size: "sm", className: classes.spinner })] })] }), stores.main.destroyCloneError ||
+                                (stores.main.resetCloneError && (_jsx(ErrorStub, { title: 'Resetting error', message: stores.main.resetCloneError, className: classes.errorStub }))), !props.hideBracnhingFeatures && _jsxs("div", { children: [_jsx("p", { children: _jsx("strong", { children: "Branch" }) }), _jsx("p", { className: classes.text, children: clone.branch })] }), _jsxs("div", { className: classes.title, children: [_jsx("p", { children: _jsx("strong", { children: "Created" }) }), _jsx("p", { className: classes.text, children: clone.createdAt })] }), _jsx("br", {}), _jsxs("div", { children: [_jsxs("p", { children: [_jsx("strong", { children: "Data state at" }), "\u00A0", _jsx(Tooltip, { content: _jsxs(_Fragment, { children: [_jsx("strong", { children: "Data state time" }), " is a time at which data is\u00A0 recovered for this clone."] }), children: icons.infoIcon })] }), _jsx("p", { className: classes.text, children: (_e = clone.snapshot) === null || _e === void 0 ? void 0 : _e.dataStateAt })] }), _jsx("br", {}), _jsxs("div", { children: [_jsx("p", { children: _jsx("strong", { children: "Status" }) }), _jsx(Status, { rawClone: clone, className: classes.status })] }), _jsx("br", {}), _jsxs("div", { children: [_jsxs("p", { children: [_jsx("strong", { children: "Summary" }), "\u00A0", _jsx(Tooltip, { content: _jsxs(_Fragment, { children: [_jsx("strong", { children: "Logical data size" }), " is a logical size of files in PGDATA which is being thin-cloned.", _jsx("br", {}), _jsx("br", {}), _jsx("strong", { children: "Physical data diff size" }), " is an actual size of a\u00A0 thin clone. On creation there is no diff between clone\u2019s\u00A0 and initial data state, all data blocks match. During work\u00A0 with the clone data diverges and data diff size increases.", _jsx("br", {}), _jsx("br", {}), _jsx("strong", { children: "Clone creation time" }), " is time which was\u00A0 spent to provision the clone."] }), children: icons.infoIcon })] }), _jsxs("p", { className: classes.text, children: [_jsx("span", { className: classes.paramTitle, children: "Logical data size:" }), ((_f = instance.state) === null || _f === void 0 ? void 0 : _f.dataSize)
                                                 ? formatBytesIEC(instance.state.dataSize)
                                                 : '-'] }), _jsxs("p", { className: classes.text, children: [_jsx("span", { className: classes.paramTitle, children: "Physical data diff size:" }), clone.metadata.cloneDiffSize
                                                 ? formatBytesIEC(clone.metadata.cloneDiffSize)

package/pages/Instance/Clones/ClonesList/index.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     clones?: Clone[];
     isDisabled: boolean;
     emptyStubText: string;
+    hideBracnhingFeatures?: boolean;
 };
 export declare const ClonesList: (props: Props) => JSX.Element;
 export {};

package/pages/Instance/Clones/ClonesList/index.js

@@ -78,12 +78,12 @@ export const ClonesList = (props) => {
     };
     if (!((_b = state.clones) === null || _b === void 0 ? void 0 : _b.length))
         return _jsx("p", { className: styles.emptyStub, children: props.emptyStubText });
-    return (_jsxs(_Fragment, { children: [_jsx(HorizontalScrollContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, {}), _jsx(TableHeaderCell, { children: "Status" }), _jsx(TableHeaderCell, { children: "ID" }), _jsx(TableHeaderCell, { children: _jsxs("div", { onClick: handleSortByBranch, className: cn(styles.interactiveRow, styles.verticalCentered), children: ["Branch", _jsx(ArrowDropDownIcon, { className: cn(state.sortByCreated === 'asc' && styles.hideSortIcon, state.sortByBranch === 'asc' && styles.sortIconUp, styles.sortIcon) })] }) }), _jsx(TableHeaderCell, { children: _jsx(Tooltip, { content: "When enabled, neither manual nor automated deletion of this clone is possible. Note that abandoned protected clones may lead to out-of-disk-space events because they hold old data, blocking cleanup and refresh processes.", children: _jsxs("div", { className: styles.verticalCentered, children: ["Protected", _jsx(InfoIcon, { className: styles.infoIcon })] }) }) }), _jsx(TableHeaderCell, { children: _jsxs("div", { onClick: handleSortByCreated, className: cn(styles.interactiveRow, styles.verticalCentered), children: ["Created", _jsx(ArrowDropDownIcon, { className: cn(state.sortByBranch === 'asc' && styles.hideSortIcon, state.sortByCreated === 'asc' && styles.sortIconUp, styles.sortIcon) })] }) }), _jsx(TableHeaderCell, { children: "Port" }), _jsx(TableHeaderCell, { children: "DB user" }), _jsx(TableHeaderCell, { children: _jsx(Tooltip, { content: "Clone's own size \u2013 how much data was added or modified.", children: _jsxs("div", { className: styles.verticalCentered, children: ["Diff size", _jsx(InfoIcon, { className: styles.infoIcon })] }) }) }), _jsx(TableHeaderCell, { children: "Disk" }), _jsx(TableHeaderCell, { children: "Data state time" })] }) }), _jsx(TableBody, { children: state.clones.map((clone) => {
+    return (_jsxs(_Fragment, { children: [_jsx(HorizontalScrollContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, {}), _jsx(TableHeaderCell, { children: "Status" }), _jsx(TableHeaderCell, { children: "ID" }), !props.hideBracnhingFeatures && _jsx(TableHeaderCell, { children: _jsxs("div", { onClick: handleSortByBranch, className: cn(styles.interactiveRow, styles.verticalCentered), children: ["Branch", _jsx(ArrowDropDownIcon, { className: cn(state.sortByCreated === 'asc' && styles.hideSortIcon, state.sortByBranch === 'asc' && styles.sortIconUp, styles.sortIcon) })] }) }), _jsx(TableHeaderCell, { children: _jsx(Tooltip, { content: "When enabled, neither manual nor automated deletion of this clone is possible. Note that abandoned protected clones may lead to out-of-disk-space events because they hold old data, blocking cleanup and refresh processes.", children: _jsxs("div", { className: styles.verticalCentered, children: ["Protected", _jsx(InfoIcon, { className: styles.infoIcon })] }) }) }), _jsx(TableHeaderCell, { children: _jsxs("div", { onClick: handleSortByCreated, className: cn(styles.interactiveRow, styles.verticalCentered), children: ["Created", _jsx(ArrowDropDownIcon, { className: cn(state.sortByBranch === 'asc' && styles.hideSortIcon, state.sortByCreated === 'asc' && styles.sortIconUp, styles.sortIcon) })] }) }), _jsx(TableHeaderCell, { children: "Port" }), _jsx(TableHeaderCell, { children: "DB user" }), _jsx(TableHeaderCell, { children: _jsx(Tooltip, { content: "Clone's own size \u2013 how much data was added or modified.", children: _jsxs("div", { className: styles.verticalCentered, children: ["Diff size", _jsx(InfoIcon, { className: styles.infoIcon })] }) }) }), _jsx(TableHeaderCell, { children: "Disk" }), _jsx(TableHeaderCell, { children: "Data state time" })] }) }), _jsx(TableBody, { children: state.clones.map((clone) => {
                                 var _a, _b;
                                 const clonePagePath = host.routes.clone(clone.id);
                                 return (_jsxs(TableRow, { hover: !props.isDisabled, onClick: props.isDisabled
                                         ? undefined
-                                        : () => history.push(clonePagePath), className: cn(!props.isDisabled && styles.interactiveRow), children: [_jsx(MenuCell, { clone: clone, onConnect: openConnectionModal, clonePagePath: clonePagePath }), _jsx(TableBodyCell, { children: _jsx(Tooltip, { content: clone.status.message, children: _jsx(Status, { type: getCloneStatusType(clone.status.code), children: getCloneStatusText(clone.status.code) }) }) }), _jsx(TableBodyCell, { children: clone.id }), _jsx(TableBodyCell, { children: clone.branch }), _jsx(TableBodyCell, { children: clone.protected ? (_jsx(Tooltip, { content: "Clone is protected from manual and automated deletion. Note that abandoned protected clones may lead to out-of-disk-space events because they hold old data, blocking cleanup and refresh processes.", children: _jsx(ShieldIcon, { className: styles.protectionIcon }) })) : (_jsx(Tooltip, { content: "Clone is not protected from deletion. To save disk space it will be automatically deleted if there is no activity for a long time.", children: _jsx(RenewableIcon, { className: styles.protectionIcon }) })) }), _jsxs(TableBodyCell, { children: [clone.createdAt, " (", isValidDate(clone.createdAtDate)
+                                        : () => history.push(clonePagePath), className: cn(!props.isDisabled && styles.interactiveRow), children: [_jsx(MenuCell, { clone: clone, onConnect: openConnectionModal, clonePagePath: clonePagePath }), _jsx(TableBodyCell, { children: _jsx(Tooltip, { content: clone.status.message, children: _jsx(Status, { type: getCloneStatusType(clone.status.code), children: getCloneStatusText(clone.status.code) }) }) }), _jsx(TableBodyCell, { children: clone.id }), !props.hideBracnhingFeatures && _jsx(TableBodyCell, { children: clone.branch }), _jsx(TableBodyCell, { children: clone.protected ? (_jsx(Tooltip, { content: "Clone is protected from manual and automated deletion. Note that abandoned protected clones may lead to out-of-disk-space events because they hold old data, blocking cleanup and refresh processes.", children: _jsx(ShieldIcon, { className: styles.protectionIcon }) })) : (_jsx(Tooltip, { content: "Clone is not protected from deletion. To save disk space it will be automatically deleted if there is no activity for a long time.", children: _jsx(RenewableIcon, { className: styles.protectionIcon }) })) }), _jsxs(TableBodyCell, { children: [clone.createdAt, " (", isValidDate(clone.createdAtDate)
                                                     ? formatDistanceToNowStrict(clone.createdAtDate, {
                                                         addSuffix: true,
                                                     })

package/pages/Instance/Clones/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface ClonesProps {
     onlyRenderList?: boolean;
+    hideBracnhingFeatures?: boolean;
 }
 export declare const Clones: ((props: ClonesProps) => JSX.Element | null) & {
     displayName: string;

package/pages/Instance/Clones/index.js

@@ -60,5 +60,5 @@ export const Clones = observer((props) => {
     const canCreateClone = hasSnapshots && !stores.main.isDisabledInstance;
     return (_jsxs("div", { className: classes.root, children: [!onlyRenderList && (_jsxs(_Fragment, { children: [_jsx(SectionTitle, { level: 2, tag: "h2", text: "Cloning summary" }), _jsx(Header, { expectedCloningTimeS: round(instance.state.cloning.expectedCloningTime, 2), logicalSize: instance.state.dataSize, clonesCount: instance.state.cloning.clones.length })] })), _jsx(SectionTitle, { level: 2, tag: "h3", text: `Clones (${instance.state.cloning.clones.length})`, rightContent: _jsxs(_Fragment, { children: [_jsx(Button, { theme: "primary", onClick: goToCloneAddPage, isDisabled: !canCreateClone, isLoading: isLoadingSnapshots, children: "Create clone" }), !hasSnapshots && (_jsx(Tooltip, { content: "No snapshots", children: _jsx("div", { style: { display: 'flex' }, children: _jsx(InfoIcon, { className: classes.infoIcon }) }) }))] }) }), _jsx(ClonesList, { clones: isShortList
                     ? instance.state.cloning.clones.slice(0, SHORT_LIST_SIZE)
-                    : instance.state.cloning.clones, isDisabled: stores.main.isDisabledInstance, emptyStubText: "This instance has no active clones." }), showListSizeButton && !onlyRenderList && (_jsx(Button, { className: classes.listSizeButton, onClick: toggleListSize, children: isShortList ? 'Show more' : 'Show less' }))] }));
+                    : instance.state.cloning.clones, isDisabled: stores.main.isDisabledInstance, emptyStubText: "This instance has no active clones.", hideBracnhingFeatures: props.hideBracnhingFeatures }), showListSizeButton && !onlyRenderList && (_jsx(Button, { className: classes.listSizeButton, onClick: toggleListSize, children: isShortList ? 'Show more' : 'Show less' }))] }));
 });

package/pages/Instance/Info/Retrieval/ConfirmFullRefreshModal/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    instanceId: string;
+};
+export declare const ConfirmFullRefreshModal: ({ isOpen, onClose, instanceId, }: Props) => JSX.Element;
+export {};

package/pages/Instance/Info/Retrieval/ConfirmFullRefreshModal/index.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { makeStyles } from '@material-ui/core';
+import { Modal } from '@postgres.ai/shared/components/Modal';
+import { Text } from '@postgres.ai/shared/components/Text';
+import { SimpleModalControls } from '@postgres.ai/shared/components/SimpleModalControls';
+import { useStores } from '@postgres.ai/shared/pages/Instance/context';
+const useStyles = makeStyles({
+    errorMessage: {
+        color: 'red',
+        marginTop: '10px',
+        wordBreak: 'break-all',
+    },
+    checkboxRoot: {
+        padding: '9px 10px',
+    },
+    grayText: {
+        color: '#8a8a8a',
+        fontSize: '12px',
+        wordBreak: 'break-word',
+    },
+    marginTop: {
+        marginTop: '6px',
+    },
+}, { index: 1 });
+export const ConfirmFullRefreshModal = ({ isOpen, onClose, instanceId, }) => {
+    var _a;
+    const classes = useStyles();
+    const stores = useStores();
+    const { fullRefresh } = stores.main;
+    const [fullRefreshError, setFullRefreshError] = useState(null);
+    const handleClose = () => {
+        onClose();
+    };
+    const handleConfirm = async () => {
+        const result = await fullRefresh(instanceId);
+        if (!result) {
+            setFullRefreshError({ error: { message: 'Unexpected error occurred.' } });
+            return;
+        }
+        const { response, error } = result;
+        if (error) {
+            setFullRefreshError({
+                error: {
+                    message: error.message,
+                },
+            });
+            return;
+        }
+        if (response) {
+            onClose();
+        }
+    };
+    return (_jsxs(Modal, { title: 'Confirmation', onClose: handleClose, isOpen: isOpen, size: "sm", children: [_jsx(Text, { children: "Are you sure you want to perform a full refresh of the instance? This action cannot be undone." }), fullRefreshError && _jsx("p", { className: classes.errorMessage, children: (_a = fullRefreshError.error) === null || _a === void 0 ? void 0 : _a.message }), _jsx(SimpleModalControls, { items: [
+                    {
+                        text: 'Cancel',
+                        onClick: handleClose,
+                    },
+                    {
+                        text: 'Confirm',
+                        variant: 'primary',
+                        onClick: handleConfirm,
+                        isDisabled: fullRefreshError !== null,
+                    },
+                ] })] }));
+};

package/pages/Instance/Info/Retrieval/index.js

@@ -12,6 +12,7 @@ import { Property } from '../components/Property';
 import { RefreshFailedAlert } from './RefreshFailedAlert';
 import { getTypeByStatus, isRetrievalUnknown } from './utils';
 import { RetrievalModal } from './RetrievalModal';
+import { ConfirmFullRefreshModal } from './ConfirmFullRefreshModal';
 const useStyles = makeStyles(() => ({
     infoIcon: {
         height: '12px',
@@ -21,6 +22,9 @@ const useStyles = makeStyles(() => ({
     },
     detailsButton: {
         marginLeft: '8px',
+        '@media (max-width: 600px)': {
+            marginTop: '4px',
+        },
     },
 }), { index: 1 });
 export const Retrieval = observer(() => {
@@ -28,6 +32,7 @@ export const Retrieval = observer(() => {
     const stores = useStores();
     const classes = useStyles();
     const [isModalOpen, setIsModalOpen] = useState(false);
+    const [isFullRefreshModalOpen, setIsFullRefreshModalOpen] = useState(false);
     const { instance, instanceRetrieval } = stores.main;
     if (!instance)
         return null;
@@ -39,9 +44,10 @@ export const Retrieval = observer(() => {
     const { mode, status, activity } = instanceRetrieval;
     const isVisible = mode !== 'physical' && !isRetrievalUnknown(mode);
     const isActive = mode === 'logical' && status === 'refreshing';
-    return (_jsxs(Section, { title: "Retrieval", children: [_jsx(Property, { name: "Status", children: _jsxs(Status, { type: getTypeByStatus(retrieving.status), children: [capitalize(retrieving.status), isVisible && (_jsx(_Fragment, { children: _jsx(Button, { theme: "primary", onClick: () => setIsModalOpen(true), isDisabled: !isActive, className: classes.detailsButton, children: "Show details" }) }))] }) }), _jsx(Property, { name: "Mode", children: retrieving.mode }), _jsx(Property, { name: "Last refresh", children: retrieving.lastRefresh
+    const canCallFullRefresh = retrieving.status === 'finished' || retrieving.status === 'failed';
+    return (_jsxs(Section, { title: "Retrieval", children: [_jsx(Property, { name: "Status", children: _jsxs(Status, { type: getTypeByStatus(retrieving.status), children: [capitalize(retrieving.status), isVisible && (_jsx(_Fragment, { children: _jsx(Button, { theme: "primary", onClick: () => setIsModalOpen(true), isDisabled: !isActive, className: classes.detailsButton, children: "Show details" }) })), _jsx(Button, { theme: "secondary", onClick: () => setIsFullRefreshModalOpen(true), isDisabled: !canCallFullRefresh, className: classes.detailsButton, children: "Full refresh" })] }) }), _jsx(Property, { name: "Mode", children: retrieving.mode }), _jsx(Property, { name: "Last refresh", children: retrieving.lastRefresh
                     ? formatDateStd(retrieving.lastRefresh, { withDistance: true })
                     : '-' }), _jsx(Property, { name: "Next refresh", children: retrieving.nextRefresh
                     ? formatDateStd(retrieving.nextRefresh, { withDistance: true })
-                    : 'Not scheduled' }), _jsx(RefreshFailedAlert, {}), _jsx(RetrievalModal, { data: activity, isOpen: isModalOpen, onClose: () => setIsModalOpen(false) })] }));
+                    : 'Not scheduled' }), _jsx(RefreshFailedAlert, {}), _jsx(RetrievalModal, { data: activity, isOpen: isModalOpen, onClose: () => setIsModalOpen(false) }), _jsx(ConfirmFullRefreshModal, { isOpen: isFullRefreshModalOpen, onClose: () => setIsFullRefreshModalOpen(false), instanceId: instance.id })] }));
 });

package/pages/Instance/stores/Main.d.ts

@@ -22,6 +22,7 @@ import { GetBranches } from '@postgres.ai/shared/types/api/endpoints/getBranches
 import { DeleteBranch } from '@postgres.ai/shared/types/api/endpoints/deleteBranch';
 import { GetSeImages } from '@postgres.ai/shared/types/api/endpoints/getSeImages';
 import { DestroySnapshot } from '@postgres.ai/shared/types/api/endpoints/destroySnapshot';
+import { FullRefresh } from "../../../types/api/endpoints/fullRefresh";
 export declare type Api = {
     getInstance: GetInstance;
     getSnapshots?: GetSnapshots;
@@ -42,6 +43,7 @@ export declare type Api = {
     getSnapshotList?: GetSnapshotList;
     deleteBranch?: DeleteBranch;
     destroySnapshot?: DestroySnapshot;
+    fullRefresh?: FullRefresh;
 };
 declare type Error = {
     title?: string;
@@ -137,5 +139,9 @@ export declare class MainStore {
         response: boolean | null;
         error: any;
     } | undefined>;
+    fullRefresh: (instanceId: string) => Promise<{
+        response: string | null;
+        error: Error | null;
+    } | undefined>;
 }
 export {};

package/pages/Instance/stores/Main.js

@@ -289,6 +289,24 @@ export class MainStore {
                 error: error ? await error.json().then((err) => err) : null,
             };
         };
+        this.fullRefresh = async (instanceId) => {
+            var _a, _b;
+            if (!this.api.fullRefresh)
+                return;
+            const { response, error } = await this.api.fullRefresh({
+                instanceId,
+            });
+            if (error) {
+                const parsedError = await error.json().then((err) => ({
+                    message: err.message || 'An unknown error occurred',
+                }));
+                return { response: null, error: parsedError };
+            }
+            else if ((_b = (_a = this.instance) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.retrieving) {
+                this.instance.state.retrieving.status = 'refreshing';
+            }
+            return { response: response ? String(response) : null, error: null };
+        };
         makeAutoObservable(this);
         this.api = api;
         this.snapshots = new SnapshotsStore(api);

package/types/api/endpoints/fullRefresh.d.ts

@@ -0,0 +1,6 @@
+export declare type FullRefresh = (args: {
+    instanceId: string;
+}) => Promise<{
+    response: true | null;
+    error: Response | null;
+}>;

package/types/api/endpoints/fullRefresh.js

@@ -0,0 +1 @@
+export {};