From bf67deabfcf447ec979dac146fc53d7e01554354 Mon Sep 17 00:00:00 2001 From: Mikyo King Date: Thu, 26 Dec 2024 19:50:38 -0700 Subject: [PATCH] chore: migrate flex component --- app/.eslintrc.js | 13 +++++++++---- app/src/components/annotation/AnnotationLabel.tsx | 4 ++-- app/src/components/auth/DeleteAPIKeyButton.tsx | 4 ++-- app/src/components/dataset/DatasetForm.tsx | 4 ++-- .../components/experiment/ExperimentActionMenu.tsx | 3 +-- .../components/generative/ToolChoiceSelector.tsx | 4 +++- app/src/components/trace/LatencyText.tsx | 4 ++-- .../components/trace/SpanAnnotationActionMenu.tsx | 4 ++-- app/src/components/trace/TokenCount.tsx | 3 +-- app/src/pages/ErrorElement.tsx | 4 ++-- app/src/pages/Layout.tsx | 4 +--- app/src/pages/auth/ForgotPasswordPage.tsx | 4 ++-- app/src/pages/auth/LoginPage.tsx | 4 ++-- app/src/pages/auth/ResetPasswordPage.tsx | 4 +--- app/src/pages/dataset/AddDatasetExampleDialog.tsx | 11 ++--------- app/src/pages/dataset/DatasetPage.tsx | 3 +-- app/src/pages/datasets/DatasetActionMenu.tsx | 10 ++-------- app/src/pages/datasets/DatasetFromCSVForm.tsx | 3 +-- app/src/pages/datasets/DeleteDatasetDialog.tsx | 4 ++-- .../DimensionDriftBreakdownSegmentBarChart.tsx | 4 ++-- app/src/pages/dimension/DimensionDriftStats.tsx | 10 ++-------- app/src/pages/dimension/DimensionPage.tsx | 2 +- app/src/pages/embedding/EmbeddingPage.tsx | 4 ++-- app/src/pages/embedding/PointSelectionTable.tsx | 10 +++++++--- .../pages/example/ExampleExperimentRunsTable.tsx | 4 ++-- app/src/pages/examples/ExampleSelectionToolbar.tsx | 4 ++-- app/src/pages/experiment/ExperimentComparePage.tsx | 4 ++-- .../pages/experiment/ExperimentMultiSelector.tsx | 2 +- .../experiments/ExperimentSelectionToolbar.tsx | 4 ++-- app/src/pages/experiments/ExperimentsTable.tsx | 3 +-- app/src/pages/playground/ModelConfigButton.tsx | 3 +-- app/src/pages/playground/NoInstalledProvider.tsx | 4 ++-- app/src/pages/playground/Playground.tsx | 4 ++-- app/src/pages/playground/PlaygroundChatTemplate.tsx | 3 ++- .../pages/playground/PlaygroundDatasetSection.tsx | 4 ++-- app/src/pages/playground/PlaygroundInput.tsx | 4 ++-- .../pages/playground/PlaygroundResponseFormat.tsx | 3 ++- app/src/pages/playground/PlaygroundTemplate.tsx | 3 +-- app/src/pages/playground/PlaygroundTools.tsx | 10 ++-------- app/src/pages/playground/RunMetadataFooter.tsx | 4 ++-- app/src/pages/playground/SpanPlaygroundPage.tsx | 4 ++-- .../pages/playground/TitleWithAlphabeticIndex.tsx | 4 +--- app/src/pages/profile/APIKeysTable.tsx | 4 +--- app/src/pages/project/AnnotationSummary.tsx | 3 +-- app/src/pages/project/DocumentEvaluationSummary.tsx | 3 +-- app/src/pages/project/ProjectPage.tsx | 4 ++-- app/src/pages/project/ProjectPageHeader.tsx | 4 ++-- app/src/pages/project/ProjectTableEmpty.tsx | 4 ++-- app/src/pages/project/RetrievalEvaluationLabel.tsx | 2 +- app/src/pages/project/SessionsTableEmpty.tsx | 4 ++-- app/src/pages/project/SpansTable.tsx | 4 ++-- app/src/pages/project/TracesTable.tsx | 4 ++-- app/src/pages/projects/ProjectActionMenu.tsx | 3 +-- app/src/pages/projects/ProjectsPage.tsx | 4 ++-- app/src/pages/projects/RemoveProjectDataForm.tsx | 4 ++-- app/src/pages/settings/ResetPasswordDialog.tsx | 4 ++-- app/src/pages/settings/UserActionMenu.tsx | 10 ++-------- app/src/pages/settings/UsersTable.tsx | 4 ++-- app/src/pages/support/SupportPage.tsx | 4 ++-- 59 files changed, 114 insertions(+), 150 deletions(-) diff --git a/app/.eslintrc.js b/app/.eslintrc.js index 5f8c278f3b..056675fb89 100644 --- a/app/.eslintrc.js +++ b/app/.eslintrc.js @@ -57,22 +57,27 @@ module.exports = { { name: "Button", module: "@arizeai/components", - use: "@phoenix/components/button", + use: "@phoenix/components", }, { name: "Icon", module: "@arizeai/components", - use: "@phoenix/components/icon", + use: "@phoenix/components", }, { name: "Icons", module: "@arizeai/components", - use: "@phoenix/components/icon", + use: "@phoenix/components", }, { name: "View", module: "@arizeai/components", - use: "@phoenix/components/view", + use: "@phoenix/components", + }, + { + name: "Flex", + module: "@arizeai/components", + use: "@phoenix/components", }, ], "no-duplicate-imports": "error", diff --git a/app/src/components/annotation/AnnotationLabel.tsx b/app/src/components/annotation/AnnotationLabel.tsx index c4b3ed8690..411b50ba8f 100644 --- a/app/src/components/annotation/AnnotationLabel.tsx +++ b/app/src/components/annotation/AnnotationLabel.tsx @@ -1,9 +1,9 @@ import React from "react"; import { css } from "@emotion/react"; -import { Flex, Text } from "@arizeai/components"; +import { Text } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { assertUnreachable } from "@phoenix/typeUtils"; import { formatFloat } from "@phoenix/utils/numberFormatUtils"; diff --git a/app/src/components/auth/DeleteAPIKeyButton.tsx b/app/src/components/auth/DeleteAPIKeyButton.tsx index bf9f1f5107..4bc6b9f142 100644 --- a/app/src/components/auth/DeleteAPIKeyButton.tsx +++ b/app/src/components/auth/DeleteAPIKeyButton.tsx @@ -1,8 +1,8 @@ import React, { ReactNode, useState } from "react"; -import { Dialog, DialogContainer, Flex, Text } from "@arizeai/components"; +import { Dialog, DialogContainer, Text } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; export function DeleteAPIKeyButton({ handleDelete, diff --git a/app/src/components/dataset/DatasetForm.tsx b/app/src/components/dataset/DatasetForm.tsx index 942193eec6..76ddf53ace 100644 --- a/app/src/components/dataset/DatasetForm.tsx +++ b/app/src/components/dataset/DatasetForm.tsx @@ -1,9 +1,9 @@ import React from "react"; import { Controller, useForm } from "react-hook-form"; -import { Flex, Form, TextArea, TextField } from "@arizeai/components"; +import { Form, TextArea, TextField } from "@arizeai/components"; -import { Button, View } from "@phoenix/components"; +import { Button, Flex, View } from "@phoenix/components"; import { CodeEditorFieldWrapper, JSONEditor } from "@phoenix/components/code"; import { isJSONObjectString } from "@phoenix/utils/jsonUtils"; diff --git a/app/src/components/experiment/ExperimentActionMenu.tsx b/app/src/components/experiment/ExperimentActionMenu.tsx index 2082627caa..8fbfa15057 100644 --- a/app/src/components/experiment/ExperimentActionMenu.tsx +++ b/app/src/components/experiment/ExperimentActionMenu.tsx @@ -7,12 +7,11 @@ import { ActionMenuProps, Dialog, DialogContainer, - Flex, Item, Text, } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { JSONBlock } from "@phoenix/components/code"; import { useNotifySuccess } from "@phoenix/contexts"; import { assertUnreachable } from "@phoenix/typeUtils"; diff --git a/app/src/components/generative/ToolChoiceSelector.tsx b/app/src/components/generative/ToolChoiceSelector.tsx index 2732cb67fd..5c5b001449 100644 --- a/app/src/components/generative/ToolChoiceSelector.tsx +++ b/app/src/components/generative/ToolChoiceSelector.tsx @@ -1,6 +1,8 @@ import React from "react"; -import { Flex, Item, Label, Picker } from "@arizeai/components"; +import { Item, Label, Picker } from "@arizeai/components"; + +import { Flex } from "@phoenix/components"; type DefaultToolChoice = Extract; diff --git a/app/src/components/trace/LatencyText.tsx b/app/src/components/trace/LatencyText.tsx index c75147f2c7..f1e731b74d 100644 --- a/app/src/components/trace/LatencyText.tsx +++ b/app/src/components/trace/LatencyText.tsx @@ -1,8 +1,8 @@ import React, { useMemo } from "react"; -import { Flex, Text, TextProps } from "@arizeai/components"; +import { Text, TextProps } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { formatFloat } from "@phoenix/utils/numberFormatUtils"; export function LatencyText({ latencyMs, diff --git a/app/src/components/trace/SpanAnnotationActionMenu.tsx b/app/src/components/trace/SpanAnnotationActionMenu.tsx index af8165747d..355c2734f8 100644 --- a/app/src/components/trace/SpanAnnotationActionMenu.tsx +++ b/app/src/components/trace/SpanAnnotationActionMenu.tsx @@ -6,10 +6,10 @@ import React, { } from "react"; import { graphql, useMutation } from "react-relay"; -import { Dialog, DialogContainer, Flex, Text } from "@arizeai/components"; +import { Dialog, DialogContainer, Text } from "@arizeai/components"; import { NoticeConfig } from "@arizeai/components/dist/notification/types"; -import { Button, View } from "@phoenix/components"; +import { Button, Flex, View } from "@phoenix/components"; import { SpanAnnotationActionMenuDeleteMutation } from "./__generated__/SpanAnnotationActionMenuDeleteMutation.graphql"; import { AnnotationActionMenu } from "./AnnotationActionMenu"; diff --git a/app/src/components/trace/TokenCount.tsx b/app/src/components/trace/TokenCount.tsx index e66ad680b6..c1185b331f 100644 --- a/app/src/components/trace/TokenCount.tsx +++ b/app/src/components/trace/TokenCount.tsx @@ -2,7 +2,6 @@ import React from "react"; import { css } from "@emotion/react"; import { - Flex, Text, TextProps, Tooltip, @@ -10,7 +9,7 @@ import { TriggerWrap, } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; type TokenCountProps = { /** diff --git a/app/src/pages/ErrorElement.tsx b/app/src/pages/ErrorElement.tsx index 22cbceb811..47173ce265 100644 --- a/app/src/pages/ErrorElement.tsx +++ b/app/src/pages/ErrorElement.tsx @@ -2,9 +2,9 @@ import React, { useMemo } from "react"; import { useRouteError } from "react-router"; import { css } from "@emotion/react"; -import { EmptyGraphic, Flex } from "@arizeai/components"; +import { EmptyGraphic } from "@arizeai/components"; -import { Button, ExternalLink } from "@phoenix/components"; +import { Button, ExternalLink, Flex } from "@phoenix/components"; export function ErrorElement() { const error = useRouteError(); diff --git a/app/src/pages/Layout.tsx b/app/src/pages/Layout.tsx index 8cb041d973..c5031a1248 100644 --- a/app/src/pages/Layout.tsx +++ b/app/src/pages/Layout.tsx @@ -2,9 +2,7 @@ import React, { Suspense, useCallback, useMemo } from "react"; import { Outlet, useNavigate } from "react-router"; import { css } from "@emotion/react"; -import { Flex } from "@arizeai/components"; - -import { Icon, Icons, Loading } from "@phoenix/components"; +import { Flex, Icon, Icons, Loading } from "@phoenix/components"; import { Brand, DocsLink, diff --git a/app/src/pages/auth/ForgotPasswordPage.tsx b/app/src/pages/auth/ForgotPasswordPage.tsx index f2bad35083..caf855a377 100644 --- a/app/src/pages/auth/ForgotPasswordPage.tsx +++ b/app/src/pages/auth/ForgotPasswordPage.tsx @@ -1,9 +1,9 @@ import React, { useState } from "react"; import { css } from "@emotion/react"; -import { Flex, Heading } from "@arizeai/components"; +import { Heading } from "@arizeai/components"; -import { Link } from "@phoenix/components"; +import { Flex, Link } from "@phoenix/components"; import { AuthLayout } from "./AuthLayout"; import { ForgotPasswordForm } from "./ForgotPasswordForm"; diff --git a/app/src/pages/auth/LoginPage.tsx b/app/src/pages/auth/LoginPage.tsx index 00435e6b56..483e8e5038 100644 --- a/app/src/pages/auth/LoginPage.tsx +++ b/app/src/pages/auth/LoginPage.tsx @@ -2,9 +2,9 @@ import React from "react"; import { useSearchParams } from "react-router-dom"; import { css } from "@emotion/react"; -import { Alert, Flex } from "@arizeai/components"; +import { Alert } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { AuthLayout } from "./AuthLayout"; import { LoginForm } from "./LoginForm"; diff --git a/app/src/pages/auth/ResetPasswordPage.tsx b/app/src/pages/auth/ResetPasswordPage.tsx index e023e5182f..ad4125db00 100644 --- a/app/src/pages/auth/ResetPasswordPage.tsx +++ b/app/src/pages/auth/ResetPasswordPage.tsx @@ -1,8 +1,6 @@ import React from "react"; -import { Flex } from "@arizeai/components"; - -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { AuthLayout } from "./AuthLayout"; import { PhoenixLogo } from "./PhoenixLogo"; diff --git a/app/src/pages/dataset/AddDatasetExampleDialog.tsx b/app/src/pages/dataset/AddDatasetExampleDialog.tsx index ed1a98eeee..c180c48dd5 100644 --- a/app/src/pages/dataset/AddDatasetExampleDialog.tsx +++ b/app/src/pages/dataset/AddDatasetExampleDialog.tsx @@ -3,16 +3,9 @@ import { Controller, useForm } from "react-hook-form"; import { graphql, useMutation } from "react-relay"; import { css } from "@emotion/react"; -import { - Alert, - Card, - CardProps, - Dialog, - Flex, - TextArea, -} from "@arizeai/components"; +import { Alert, Card, CardProps, Dialog, TextArea } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { JSONEditor } from "@phoenix/components/code"; import { isJSONObjectString } from "@phoenix/utils/jsonUtils"; diff --git a/app/src/pages/dataset/DatasetPage.tsx b/app/src/pages/dataset/DatasetPage.tsx index 1fe3428d9a..25cc10294f 100644 --- a/app/src/pages/dataset/DatasetPage.tsx +++ b/app/src/pages/dataset/DatasetPage.tsx @@ -5,14 +5,13 @@ import { css } from "@emotion/react"; import { ActionMenu, Counter, - Flex, Item, TabPane, Tabs, Text, } from "@arizeai/components"; -import { Button, Icon, Icons, Loading, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, Loading, View } from "@phoenix/components"; import { useNotifySuccess } from "@phoenix/contexts"; import { DatasetProvider, diff --git a/app/src/pages/datasets/DatasetActionMenu.tsx b/app/src/pages/datasets/DatasetActionMenu.tsx index afb9c43d37..87b4302ed8 100644 --- a/app/src/pages/datasets/DatasetActionMenu.tsx +++ b/app/src/pages/datasets/DatasetActionMenu.tsx @@ -1,14 +1,8 @@ import React, { ReactNode, useCallback, useState } from "react"; -import { - ActionMenu, - DialogContainer, - Flex, - Item, - Text, -} from "@arizeai/components"; +import { ActionMenu, DialogContainer, Item, Text } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { DeleteDatasetDialog } from "./DeleteDatasetDialog"; import { EditDatasetDialog } from "./EditDatasetDialog"; diff --git a/app/src/pages/datasets/DatasetFromCSVForm.tsx b/app/src/pages/datasets/DatasetFromCSVForm.tsx index e0fdf24eb4..cdac58b384 100644 --- a/app/src/pages/datasets/DatasetFromCSVForm.tsx +++ b/app/src/pages/datasets/DatasetFromCSVForm.tsx @@ -7,7 +7,6 @@ import { DropdownProps, Field, FieldProps, - Flex, Form, Item, ListBox, @@ -15,7 +14,7 @@ import { TextField, } from "@arizeai/components"; -import { Button, View } from "@phoenix/components"; +import { Button, Flex, View } from "@phoenix/components"; type CreateDatasetFromCSVParams = { file: FileList; diff --git a/app/src/pages/datasets/DeleteDatasetDialog.tsx b/app/src/pages/datasets/DeleteDatasetDialog.tsx index 9e1b92b8a3..30b5add03f 100644 --- a/app/src/pages/datasets/DeleteDatasetDialog.tsx +++ b/app/src/pages/datasets/DeleteDatasetDialog.tsx @@ -2,9 +2,9 @@ import React, { startTransition, useCallback } from "react"; import { useMutation } from "react-relay"; import { graphql } from "relay-runtime"; -import { Dialog, Flex, Text } from "@arizeai/components"; +import { Dialog, Text } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { DeleteDatasetDialogMutation } from "./__generated__/DeleteDatasetDialogMutation.graphql"; diff --git a/app/src/pages/dimension/DimensionDriftBreakdownSegmentBarChart.tsx b/app/src/pages/dimension/DimensionDriftBreakdownSegmentBarChart.tsx index 2d3200db24..b6015fb4dd 100644 --- a/app/src/pages/dimension/DimensionDriftBreakdownSegmentBarChart.tsx +++ b/app/src/pages/dimension/DimensionDriftBreakdownSegmentBarChart.tsx @@ -13,9 +13,9 @@ import { YAxis, } from "recharts"; -import { Flex, Text, theme } from "@arizeai/components"; +import { Text, theme } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { ChartTooltip, ChartTooltipItem, diff --git a/app/src/pages/dimension/DimensionDriftStats.tsx b/app/src/pages/dimension/DimensionDriftStats.tsx index 0fd7eb6db5..e6a147fb91 100644 --- a/app/src/pages/dimension/DimensionDriftStats.tsx +++ b/app/src/pages/dimension/DimensionDriftStats.tsx @@ -1,15 +1,9 @@ import React from "react"; import { graphql, useFragment } from "react-relay"; -import { - Content, - ContextualHelp, - Flex, - Heading, - Text, -} from "@arizeai/components"; +import { Content, ContextualHelp, Heading, Text } from "@arizeai/components"; -import { ExternalLink } from "@phoenix/components"; +import { ExternalLink, Flex } from "@phoenix/components"; import { floatFormatter } from "@phoenix/utils/numberFormatUtils"; import { DimensionDriftStats_dimension$key } from "./__generated__/DimensionDriftStats_dimension.graphql"; diff --git a/app/src/pages/dimension/DimensionPage.tsx b/app/src/pages/dimension/DimensionPage.tsx index 26b6de3b32..e70b38a4a4 100644 --- a/app/src/pages/dimension/DimensionPage.tsx +++ b/app/src/pages/dimension/DimensionPage.tsx @@ -5,7 +5,7 @@ import { css } from "@emotion/react"; import { Dialog, DialogContainer } from "@arizeai/components"; -import { Loading, View, ViewSummaryAside, Flex } from "@phoenix/components"; +import { Flex,Loading, View, ViewSummaryAside } from "@phoenix/components"; import { useInferences, useTimeRange } from "@phoenix/contexts"; import { TimeSliceContextProvider } from "@phoenix/contexts/TimeSliceContext"; diff --git a/app/src/pages/embedding/EmbeddingPage.tsx b/app/src/pages/embedding/EmbeddingPage.tsx index 0d4bab619b..a057979b6d 100644 --- a/app/src/pages/embedding/EmbeddingPage.tsx +++ b/app/src/pages/embedding/EmbeddingPage.tsx @@ -18,10 +18,10 @@ import { subDays } from "date-fns"; import useDeepCompareEffect from "use-deep-compare-effect"; import { css } from "@emotion/react"; -import { Counter, Flex, Switch, TabPane, Tabs } from "@arizeai/components"; +import { Counter, Switch, TabPane, Tabs } from "@arizeai/components"; import { ThreeDimensionalPoint } from "@arizeai/point-cloud"; -import { Loading, LoadingMask, View } from "@phoenix/components"; +import { Flex, Loading, LoadingMask, View } from "@phoenix/components"; import { PrimaryInferencesTimeRange, ReferenceInferencesTimeRange, diff --git a/app/src/pages/embedding/PointSelectionTable.tsx b/app/src/pages/embedding/PointSelectionTable.tsx index 9456932c01..22b5b7db61 100644 --- a/app/src/pages/embedding/PointSelectionTable.tsx +++ b/app/src/pages/embedding/PointSelectionTable.tsx @@ -8,9 +8,13 @@ import { useReactTable, } from "@tanstack/react-table"; -import { Flex } from "@arizeai/components"; - -import { ExternalLink, Icon, Icons, LinkButton } from "@phoenix/components"; +import { + ExternalLink, + Flex, + Icon, + Icons, + LinkButton, +} from "@phoenix/components"; import { Shape, ShapeIcon } from "@phoenix/components/pointcloud"; import { FloatCell, TextCell } from "@phoenix/components/table"; import { tableCSS } from "@phoenix/components/table/styles"; diff --git a/app/src/pages/example/ExampleExperimentRunsTable.tsx b/app/src/pages/example/ExampleExperimentRunsTable.tsx index ff08b5634c..fb08a133be 100644 --- a/app/src/pages/example/ExampleExperimentRunsTable.tsx +++ b/app/src/pages/example/ExampleExperimentRunsTable.tsx @@ -9,9 +9,9 @@ import { } from "@tanstack/react-table"; import { css } from "@emotion/react"; -import { Flex, Text } from "@arizeai/components"; +import { Text } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { AnnotationLabel, AnnotationTooltip, diff --git a/app/src/pages/examples/ExampleSelectionToolbar.tsx b/app/src/pages/examples/ExampleSelectionToolbar.tsx index a8e19c03f1..ca0e8cf886 100644 --- a/app/src/pages/examples/ExampleSelectionToolbar.tsx +++ b/app/src/pages/examples/ExampleSelectionToolbar.tsx @@ -2,9 +2,9 @@ import React, { ReactNode, useCallback, useState } from "react"; import { graphql, useMutation } from "react-relay"; import { css } from "@emotion/react"; -import { DialogContainer, Flex, Text } from "@arizeai/components"; +import { DialogContainer, Text } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { useNotifyError, useNotifySuccess } from "@phoenix/contexts"; import { useDatasetContext } from "@phoenix/contexts/DatasetContext"; diff --git a/app/src/pages/experiment/ExperimentComparePage.tsx b/app/src/pages/experiment/ExperimentComparePage.tsx index 1875159a29..98b620b5fb 100644 --- a/app/src/pages/experiment/ExperimentComparePage.tsx +++ b/app/src/pages/experiment/ExperimentComparePage.tsx @@ -2,9 +2,9 @@ import React, { startTransition, Suspense, useState } from "react"; import { useLoaderData, useSearchParams } from "react-router-dom"; import { css } from "@emotion/react"; -import { Alert, Flex, Heading, Switch } from "@arizeai/components"; +import { Alert, Heading, Switch } from "@arizeai/components"; -import { Loading, View } from "@phoenix/components"; +import { Flex, Loading, View } from "@phoenix/components"; import { experimentCompareLoaderQuery$data } from "./__generated__/experimentCompareLoaderQuery.graphql"; import { ExperimentCompareTable } from "./ExperimentCompareTable"; diff --git a/app/src/pages/experiment/ExperimentMultiSelector.tsx b/app/src/pages/experiment/ExperimentMultiSelector.tsx index b2c6cb3534..a2401fc263 100644 --- a/app/src/pages/experiment/ExperimentMultiSelector.tsx +++ b/app/src/pages/experiment/ExperimentMultiSelector.tsx @@ -6,12 +6,12 @@ import { DropdownProps, Field, FieldProps, - Flex, Item, ListBox, Text, } from "@arizeai/components"; +import { Flex } from "@phoenix/components"; import { SequenceNumberLabel } from "@phoenix/components/experiment/SequenceNumberLabel"; import { ExperimentMultiSelector__experiments$key } from "./__generated__/ExperimentMultiSelector__experiments.graphql"; diff --git a/app/src/pages/experiments/ExperimentSelectionToolbar.tsx b/app/src/pages/experiments/ExperimentSelectionToolbar.tsx index bb04e2d4fa..a5cce1410c 100644 --- a/app/src/pages/experiments/ExperimentSelectionToolbar.tsx +++ b/app/src/pages/experiments/ExperimentSelectionToolbar.tsx @@ -3,9 +3,9 @@ import { graphql, useMutation } from "react-relay"; import { useNavigate } from "react-router"; import { css } from "@emotion/react"; -import { Dialog, DialogContainer, Flex, Text } from "@arizeai/components"; +import { Dialog, DialogContainer, Text } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { useNotifyError, useNotifySuccess } from "@phoenix/contexts"; interface SelectedExperiment { diff --git a/app/src/pages/experiments/ExperimentsTable.tsx b/app/src/pages/experiments/ExperimentsTable.tsx index 989b499737..76fd0113e5 100644 --- a/app/src/pages/experiments/ExperimentsTable.tsx +++ b/app/src/pages/experiments/ExperimentsTable.tsx @@ -10,7 +10,6 @@ import { import { css } from "@emotion/react"; import { - Flex, Heading, HelpTooltip, ProgressBar, @@ -19,7 +18,7 @@ import { TriggerWrap, } from "@arizeai/components"; -import { Link, View } from "@phoenix/components"; +import { Flex, Link, View } from "@phoenix/components"; import { AnnotationColorSwatch } from "@phoenix/components/annotation"; import { SequenceNumberLabel } from "@phoenix/components/experiment"; import { ExperimentActionMenu } from "@phoenix/components/experiment/ExperimentActionMenu"; diff --git a/app/src/pages/playground/ModelConfigButton.tsx b/app/src/pages/playground/ModelConfigButton.tsx index d7b9cb5b0b..c3cf5f7e57 100644 --- a/app/src/pages/playground/ModelConfigButton.tsx +++ b/app/src/pages/playground/ModelConfigButton.tsx @@ -14,7 +14,6 @@ import { css } from "@emotion/react"; import { Dialog, DialogContainer, - Flex, Item, Picker, Text, @@ -24,7 +23,7 @@ import { TriggerWrap, } from "@arizeai/components"; -import { Button, Icon, Icons } from "@phoenix/components"; +import { Button, Flex, Icon, Icons } from "@phoenix/components"; import { AZURE_OPENAI_API_VERSIONS, ModelProviders, diff --git a/app/src/pages/playground/NoInstalledProvider.tsx b/app/src/pages/playground/NoInstalledProvider.tsx index 48e794b6e0..3624f3a3f1 100644 --- a/app/src/pages/playground/NoInstalledProvider.tsx +++ b/app/src/pages/playground/NoInstalledProvider.tsx @@ -1,8 +1,8 @@ import React from "react"; -import { Flex, Text } from "@arizeai/components"; +import { Text } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { PythonBlock } from "@phoenix/components/code"; import { Empty } from "@phoenix/components/Empty"; diff --git a/app/src/pages/playground/Playground.tsx b/app/src/pages/playground/Playground.tsx index d075041072..1bdf91f9ef 100644 --- a/app/src/pages/playground/Playground.tsx +++ b/app/src/pages/playground/Playground.tsx @@ -10,9 +10,9 @@ import { } from "react-router-dom"; import { css } from "@emotion/react"; -import { Accordion, AccordionItem, Flex, Heading } from "@arizeai/components"; +import { Accordion, AccordionItem, Heading } from "@arizeai/components"; -import { Button, Icon, Icons, Loading, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, Loading, View } from "@phoenix/components"; import { ConfirmNavigationDialog } from "@phoenix/components/ConfirmNavigation"; import { resizeHandleCSS } from "@phoenix/components/resize"; import { TemplateLanguages } from "@phoenix/components/templateEditor/constants"; diff --git a/app/src/pages/playground/PlaygroundChatTemplate.tsx b/app/src/pages/playground/PlaygroundChatTemplate.tsx index d99b4a4f70..5068c97355 100644 --- a/app/src/pages/playground/PlaygroundChatTemplate.tsx +++ b/app/src/pages/playground/PlaygroundChatTemplate.tsx @@ -15,11 +15,12 @@ import { import { CSS } from "@dnd-kit/utilities"; import { css } from "@emotion/react"; -import { Card, Field, Flex, Form, TextField } from "@arizeai/components"; +import { Card, Field, Form, TextField } from "@arizeai/components"; import { Button, CopyToClipboardButton, + Flex, Icon, Icons, View, diff --git a/app/src/pages/playground/PlaygroundDatasetSection.tsx b/app/src/pages/playground/PlaygroundDatasetSection.tsx index b164eb96fc..4a0ee69fda 100644 --- a/app/src/pages/playground/PlaygroundDatasetSection.tsx +++ b/app/src/pages/playground/PlaygroundDatasetSection.tsx @@ -2,9 +2,9 @@ import React, { useMemo } from "react"; import { graphql, useLazyLoadQuery } from "react-relay"; import { useNavigate } from "react-router"; -import { Flex, Text } from "@arizeai/components"; +import { Text } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext"; import { PlaygroundDatasetSectionQuery } from "./__generated__/PlaygroundDatasetSectionQuery.graphql"; diff --git a/app/src/pages/playground/PlaygroundInput.tsx b/app/src/pages/playground/PlaygroundInput.tsx index d41cd1df13..b2c350b883 100644 --- a/app/src/pages/playground/PlaygroundInput.tsx +++ b/app/src/pages/playground/PlaygroundInput.tsx @@ -1,8 +1,8 @@ import React from "react"; -import { Flex, Text } from "@arizeai/components"; +import { Text } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext"; import { assertUnreachable } from "@phoenix/typeUtils"; diff --git a/app/src/pages/playground/PlaygroundResponseFormat.tsx b/app/src/pages/playground/PlaygroundResponseFormat.tsx index a329ce3fd9..8eb72a2c5e 100644 --- a/app/src/pages/playground/PlaygroundResponseFormat.tsx +++ b/app/src/pages/playground/PlaygroundResponseFormat.tsx @@ -1,11 +1,12 @@ import React, { useCallback, useState } from "react"; import { JSONSchema7 } from "json-schema"; -import { Accordion, AccordionItem, Card, Flex } from "@arizeai/components"; +import { Accordion, AccordionItem, Card } from "@arizeai/components"; import { Button, CopyToClipboardButton, + Flex, Icon, Icons, View, diff --git a/app/src/pages/playground/PlaygroundTemplate.tsx b/app/src/pages/playground/PlaygroundTemplate.tsx index 3c865c61b2..a708e71c9c 100644 --- a/app/src/pages/playground/PlaygroundTemplate.tsx +++ b/app/src/pages/playground/PlaygroundTemplate.tsx @@ -3,13 +3,12 @@ import React, { Suspense } from "react"; import { Card, Content, - Flex, Tooltip, TooltipTrigger, TriggerWrap, } from "@arizeai/components"; -import { Button, Icon, Icons, Loading } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, Loading } from "@phoenix/components"; import { AlphabeticIndexIcon } from "@phoenix/components/AlphabeticIndexIcon"; import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext"; diff --git a/app/src/pages/playground/PlaygroundTools.tsx b/app/src/pages/playground/PlaygroundTools.tsx index 159cc92476..65e8c06e31 100644 --- a/app/src/pages/playground/PlaygroundTools.tsx +++ b/app/src/pages/playground/PlaygroundTools.tsx @@ -1,14 +1,8 @@ import React, { useMemo } from "react"; -import { - Accordion, - AccordionItem, - Counter, - Flex, - Form, -} from "@arizeai/components"; +import { Accordion, AccordionItem, Counter, Form } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { ToolChoicePicker } from "@phoenix/components/generative"; import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext"; diff --git a/app/src/pages/playground/RunMetadataFooter.tsx b/app/src/pages/playground/RunMetadataFooter.tsx index 04661e7fa1..0c9ff1428d 100644 --- a/app/src/pages/playground/RunMetadataFooter.tsx +++ b/app/src/pages/playground/RunMetadataFooter.tsx @@ -2,9 +2,9 @@ import React, { ReactNode, startTransition, Suspense, useState } from "react"; import { useLazyLoadQuery } from "react-relay"; import { graphql } from "relay-runtime"; -import { DialogContainer, Flex } from "@arizeai/components"; +import { DialogContainer } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { EditSpanAnnotationsDialog } from "@phoenix/components/trace/EditSpanAnnotationsDialog"; import { LatencyText } from "@phoenix/components/trace/LatencyText"; import { TokenCount } from "@phoenix/components/trace/TokenCount"; diff --git a/app/src/pages/playground/SpanPlaygroundPage.tsx b/app/src/pages/playground/SpanPlaygroundPage.tsx index b26f3079ec..72668d3455 100644 --- a/app/src/pages/playground/SpanPlaygroundPage.tsx +++ b/app/src/pages/playground/SpanPlaygroundPage.tsx @@ -1,9 +1,9 @@ import React, { useMemo, useState } from "react"; import { useLoaderData, useNavigate } from "react-router"; -import { Alert, Flex } from "@arizeai/components"; +import { Alert } from "@arizeai/components"; -import { Button, Icon, Icons } from "@phoenix/components"; +import { Button, Flex, Icon, Icons } from "@phoenix/components"; import { spanPlaygroundPageLoaderQuery$data } from "./__generated__/spanPlaygroundPageLoaderQuery.graphql"; import { Playground } from "./Playground"; diff --git a/app/src/pages/playground/TitleWithAlphabeticIndex.tsx b/app/src/pages/playground/TitleWithAlphabeticIndex.tsx index af6bba26dc..6c75c04d06 100644 --- a/app/src/pages/playground/TitleWithAlphabeticIndex.tsx +++ b/app/src/pages/playground/TitleWithAlphabeticIndex.tsx @@ -1,9 +1,7 @@ import React from "react"; -import { Flex } from "@arizeai/components"; - +import { Flex } from "@phoenix/components"; import { AlphabeticIndexIcon } from "@phoenix/components/AlphabeticIndexIcon"; - /** * Display the alphabetic index and title in a single line */ diff --git a/app/src/pages/profile/APIKeysTable.tsx b/app/src/pages/profile/APIKeysTable.tsx index db0b70698c..6ca5be952f 100644 --- a/app/src/pages/profile/APIKeysTable.tsx +++ b/app/src/pages/profile/APIKeysTable.tsx @@ -7,9 +7,7 @@ import { useReactTable, } from "@tanstack/react-table"; -import { Flex } from "@arizeai/components"; - -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { DeleteAPIKeyButton } from "@phoenix/components/auth"; import { TextCell } from "@phoenix/components/table"; import { tableCSS } from "@phoenix/components/table/styles"; diff --git a/app/src/pages/project/AnnotationSummary.tsx b/app/src/pages/project/AnnotationSummary.tsx index 849f866389..e552c57804 100644 --- a/app/src/pages/project/AnnotationSummary.tsx +++ b/app/src/pages/project/AnnotationSummary.tsx @@ -4,14 +4,13 @@ import { useParams } from "react-router"; import { Cell, Pie, PieChart } from "recharts"; import { - Flex, HelpTooltip, Text, TooltipTrigger, TriggerWrap, } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { ChartTooltipDivider, ChartTooltipItem, diff --git a/app/src/pages/project/DocumentEvaluationSummary.tsx b/app/src/pages/project/DocumentEvaluationSummary.tsx index 8ec98f9e15..f18846a325 100644 --- a/app/src/pages/project/DocumentEvaluationSummary.tsx +++ b/app/src/pages/project/DocumentEvaluationSummary.tsx @@ -3,14 +3,13 @@ import { graphql, useLazyLoadQuery, useRefetchableFragment } from "react-relay"; import { useParams } from "react-router"; import { - Flex, HelpTooltip, Text, TooltipTrigger, TriggerWrap, } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { useLastNTimeRange } from "@phoenix/components/datetime"; import { useStreamState } from "@phoenix/contexts/StreamStateContext"; import { formatFloat } from "@phoenix/utils/numberFormatUtils"; diff --git a/app/src/pages/project/ProjectPage.tsx b/app/src/pages/project/ProjectPage.tsx index 6082555909..5a2e07efd3 100644 --- a/app/src/pages/project/ProjectPage.tsx +++ b/app/src/pages/project/ProjectPage.tsx @@ -9,9 +9,9 @@ import { import { Outlet, useParams } from "react-router"; import { css } from "@emotion/react"; -import { Flex, TabPane, Tabs } from "@arizeai/components"; +import { TabPane, Tabs } from "@arizeai/components"; -import { Loading } from "@phoenix/components"; +import { Flex, Loading } from "@phoenix/components"; import { ConnectedLastNTimeRangePicker, useLastNTimeRange, diff --git a/app/src/pages/project/ProjectPageHeader.tsx b/app/src/pages/project/ProjectPageHeader.tsx index 4c644bbea6..c81bc6f47d 100644 --- a/app/src/pages/project/ProjectPageHeader.tsx +++ b/app/src/pages/project/ProjectPageHeader.tsx @@ -2,9 +2,9 @@ import React, { ReactNode, startTransition, useEffect } from "react"; import { graphql, useRefetchableFragment } from "react-relay"; import { css } from "@emotion/react"; -import { Flex, Text } from "@arizeai/components"; +import { Text } from "@arizeai/components"; -import { View } from "@phoenix/components"; +import { Flex, View } from "@phoenix/components"; import { LatencyText } from "@phoenix/components/trace/LatencyText"; import { useStreamState } from "@phoenix/contexts/StreamStateContext"; import { intFormatter } from "@phoenix/utils/numberFormatUtils"; diff --git a/app/src/pages/project/ProjectTableEmpty.tsx b/app/src/pages/project/ProjectTableEmpty.tsx index 526a50ecdb..aaa2857f40 100644 --- a/app/src/pages/project/ProjectTableEmpty.tsx +++ b/app/src/pages/project/ProjectTableEmpty.tsx @@ -1,9 +1,9 @@ import React, { ReactNode, useState } from "react"; import { css } from "@emotion/react"; -import { Dialog, DialogContainer, Flex } from "@arizeai/components"; +import { Dialog, DialogContainer } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { CodeLanguage, CodeLanguageRadioGroup } from "@phoenix/components/code"; import { PythonProjectGuide } from "@phoenix/components/project/PythonProjectGuide"; import { TypeScriptProjectGuide } from "@phoenix/components/project/TypeScriptProjectGuide"; diff --git a/app/src/pages/project/RetrievalEvaluationLabel.tsx b/app/src/pages/project/RetrievalEvaluationLabel.tsx index f3d4c75f86..bcc70181d0 100644 --- a/app/src/pages/project/RetrievalEvaluationLabel.tsx +++ b/app/src/pages/project/RetrievalEvaluationLabel.tsx @@ -2,13 +2,13 @@ import React, { useMemo } from "react"; import { css } from "@emotion/react"; import { - Flex, HelpTooltip, Text, TooltipTrigger, TriggerWrap, } from "@arizeai/components"; +import { Flex } from "@phoenix/components"; import { baseAnnotationLabelCSS } from "@phoenix/components/annotation"; import { ColorSwatch } from "@phoenix/components/ColorSwatch"; import { formatFloat } from "@phoenix/utils/numberFormatUtils"; diff --git a/app/src/pages/project/SessionsTableEmpty.tsx b/app/src/pages/project/SessionsTableEmpty.tsx index 2b0f82f9ce..88b031ac07 100644 --- a/app/src/pages/project/SessionsTableEmpty.tsx +++ b/app/src/pages/project/SessionsTableEmpty.tsx @@ -1,9 +1,9 @@ import React, { ReactNode, useState } from "react"; import { css } from "@emotion/react"; -import { Dialog, DialogContainer, Flex } from "@arizeai/components"; +import { Dialog, DialogContainer } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { CodeLanguage, CodeLanguageRadioGroup } from "@phoenix/components/code"; import { PythonSessionsGuide } from "./PythonSessionsGuide"; diff --git a/app/src/pages/project/SpansTable.tsx b/app/src/pages/project/SpansTable.tsx index 86f8cbd176..c625e27435 100644 --- a/app/src/pages/project/SpansTable.tsx +++ b/app/src/pages/project/SpansTable.tsx @@ -18,9 +18,9 @@ import { } from "@tanstack/react-table"; import { css } from "@emotion/react"; -import { Content, ContextualHelp, Flex, Heading } from "@arizeai/components"; +import { Content, ContextualHelp, Heading } from "@arizeai/components"; -import { Icon, Icons, Link, View } from "@phoenix/components"; +import { Flex, Icon, Icons, Link, View } from "@phoenix/components"; import { AnnotationLabel, AnnotationTooltip, diff --git a/app/src/pages/project/TracesTable.tsx b/app/src/pages/project/TracesTable.tsx index d17016d61e..428f7d8793 100644 --- a/app/src/pages/project/TracesTable.tsx +++ b/app/src/pages/project/TracesTable.tsx @@ -22,9 +22,9 @@ import { } from "@tanstack/react-table"; import { css } from "@emotion/react"; -import { Content, ContextualHelp, Flex, Heading } from "@arizeai/components"; +import { Content, ContextualHelp, Heading } from "@arizeai/components"; -import { Icon, Icons, Link, View } from "@phoenix/components"; +import { Flex, Icon, Icons, Link, View } from "@phoenix/components"; import { AnnotationLabel, AnnotationTooltip, diff --git a/app/src/pages/projects/ProjectActionMenu.tsx b/app/src/pages/projects/ProjectActionMenu.tsx index de0d4d0ff3..ee72185661 100644 --- a/app/src/pages/projects/ProjectActionMenu.tsx +++ b/app/src/pages/projects/ProjectActionMenu.tsx @@ -10,12 +10,11 @@ import { ActionMenu, Dialog, DialogContainer, - Flex, Item, Text, } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { ProjectActionMenuClearMutation } from "./__generated__/ProjectActionMenuClearMutation.graphql"; import { ProjectActionMenuDeleteMutation } from "./__generated__/ProjectActionMenuDeleteMutation.graphql"; diff --git a/app/src/pages/projects/ProjectsPage.tsx b/app/src/pages/projects/ProjectsPage.tsx index 94f9bae2f4..c3faa8387d 100644 --- a/app/src/pages/projects/ProjectsPage.tsx +++ b/app/src/pages/projects/ProjectsPage.tsx @@ -9,9 +9,9 @@ import { graphql, useLazyLoadQuery, usePaginationFragment } from "react-relay"; import { formatDistance } from "date-fns"; import { css } from "@emotion/react"; -import { Flex, Heading, Text, useNotification } from "@arizeai/components"; +import { Heading, Text, useNotification } from "@arizeai/components"; -import { Link, Loading, View } from "@phoenix/components"; +import { Flex, Link, Loading, View } from "@phoenix/components"; import { ConnectedLastNTimeRangePicker, useLastNTimeRange, diff --git a/app/src/pages/projects/RemoveProjectDataForm.tsx b/app/src/pages/projects/RemoveProjectDataForm.tsx index d606b12026..76d1ec1c62 100644 --- a/app/src/pages/projects/RemoveProjectDataForm.tsx +++ b/app/src/pages/projects/RemoveProjectDataForm.tsx @@ -3,9 +3,9 @@ import { Controller, useForm } from "react-hook-form"; import { graphql, useMutation } from "react-relay"; import { isValid as dateIsValid, parseISO } from "date-fns"; -import { Flex, Text, TextField } from "@arizeai/components"; +import { Text, TextField } from "@arizeai/components"; -import { Button, Icon, Icons, View } from "@phoenix/components"; +import { Button, Flex, Icon, Icons, View } from "@phoenix/components"; import { ONE_MONTH_MS } from "@phoenix/constants/timeConstants"; import { RemoveProjectDataFormMutation } from "./__generated__/RemoveProjectDataFormMutation.graphql"; diff --git a/app/src/pages/settings/ResetPasswordDialog.tsx b/app/src/pages/settings/ResetPasswordDialog.tsx index 202531a88c..27869d9c8f 100644 --- a/app/src/pages/settings/ResetPasswordDialog.tsx +++ b/app/src/pages/settings/ResetPasswordDialog.tsx @@ -2,9 +2,9 @@ import React, { useCallback } from "react"; import { Controller, useForm } from "react-hook-form"; import { graphql, useMutation } from "react-relay"; -import { Dialog, Flex, Form, TextField } from "@arizeai/components"; +import { Dialog, Form, TextField } from "@arizeai/components"; -import { Button, View } from "@phoenix/components"; +import { Button, Flex, View } from "@phoenix/components"; import { useNotifyError, useNotifySuccess } from "@phoenix/contexts"; import { ResetPasswordDialogMutation } from "./__generated__/ResetPasswordDialogMutation.graphql"; diff --git a/app/src/pages/settings/UserActionMenu.tsx b/app/src/pages/settings/UserActionMenu.tsx index e84309d8aa..fb3fdbc2a6 100644 --- a/app/src/pages/settings/UserActionMenu.tsx +++ b/app/src/pages/settings/UserActionMenu.tsx @@ -1,14 +1,8 @@ import React, { ReactNode, useCallback, useMemo, useState } from "react"; -import { - ActionMenu, - DialogContainer, - Flex, - Item, - Text, -} from "@arizeai/components"; +import { ActionMenu, DialogContainer, Item, Text } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { AuthMethod } from "./__generated__/UsersTable_users.graphql"; import { DeleteUserDialog } from "./DeleteUserDialog"; diff --git a/app/src/pages/settings/UsersTable.tsx b/app/src/pages/settings/UsersTable.tsx index 33c94241f5..f939b0369c 100644 --- a/app/src/pages/settings/UsersTable.tsx +++ b/app/src/pages/settings/UsersTable.tsx @@ -15,9 +15,9 @@ import { } from "@tanstack/react-table"; import { css } from "@emotion/react"; -import { DialogContainer, Flex } from "@arizeai/components"; +import { DialogContainer } from "@arizeai/components"; -import { Icon, Icons } from "@phoenix/components"; +import { Flex, Icon, Icons } from "@phoenix/components"; import { RolePicker } from "@phoenix/components/settings/RolePicker"; import { tableCSS } from "@phoenix/components/table/styles"; import { TableEmpty } from "@phoenix/components/table/TableEmpty"; diff --git a/app/src/pages/support/SupportPage.tsx b/app/src/pages/support/SupportPage.tsx index a88c05a776..f54be384de 100644 --- a/app/src/pages/support/SupportPage.tsx +++ b/app/src/pages/support/SupportPage.tsx @@ -1,9 +1,9 @@ import React, { ReactNode } from "react"; import { css } from "@emotion/react"; -import { Flex, Heading, Text } from "@arizeai/components"; +import { Heading, Text } from "@arizeai/components"; -import { Icon, Icons, View } from "@phoenix/components"; +import { Flex, Icon, Icons, View } from "@phoenix/components"; const supportItemsCSS = css` display: grid;