From 13c0956eb3e83c962ebae1eff61be6147299a490 Mon Sep 17 00:00:00 2001 From: shatfield4 Date: Mon, 5 Aug 2024 17:48:22 -0700 Subject: [PATCH 1/9] WIP finetune ui improvements --- .../Steps/FulfillmentPolicy/index.jsx | 88 +++++------ .../FineTuning/Steps/Introduction/index.jsx | 73 ++++----- .../pages/FineTuning/Steps/Privacy/index.jsx | 148 +++++++++--------- .../Steps/TermsAndConditions/index.jsx | 116 ++++++-------- frontend/src/pages/FineTuning/Steps/index.jsx | 16 +- frontend/src/pages/FineTuning/index.jsx | 24 +-- 6 files changed, 217 insertions(+), 248 deletions(-) diff --git a/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx b/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx index 950668c79fd..db94555c691 100644 --- a/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx @@ -1,3 +1,4 @@ +import CTAButton from "@/components/lib/CTAButton"; import FineTuningSteps from ".."; export default function Fulfillment({ setSettings, setStep }) { @@ -10,34 +11,29 @@ export default function Fulfillment({ setSettings, setStep }) { return (
-
-
-

+
+
+

Fulfillment Policy

-

+

Fulfillment of a fine-tune model is straight-forward. We do not host your model. We provide you a download link to run the model in a standard format where ever you run local LLMs

-
-

- Fulfillment Terms -

-

- Last updated: July 15, 2024 -

- -

+

+
+

Fulfillment Terms

+

Last updated: July 15, 2024

+
+

These fulfillment terms outline the agreement between Mintplex - Labs Inc. (“Company,” “we,” “us,” or “our”) and the customer + Labs Inc. ("Company," "we," "us," or "our") and the customer regarding the creation and delivery of fine-tuned models.

-

- Delivery of Model -

-

+

Delivery of Model

+

Upon completion of a fine-tuning job, we will deliver a download link to a .gguf model file suitable for LLM text inferencing. The customer acknowledges that this exchange is strictly transactional @@ -45,17 +41,15 @@ export default function Fulfillment({ setSettings, setStep }) { is considered concluded and will be ineligible for a refund.

-

Support

-

+

Support

+

Please note that the delivery of the model does not include any dedicated support. Customers are encouraged to refer to available documentation and resources for guidance on using the model.

-

- Requesting Download Links -

-

+

Requesting Download Links

+

Customers may request refreshed download links from my.mintplexlabs.com as long as the model is retained in our cloud storage. We will retain a model in our storage for a maximum of 3 @@ -63,10 +57,8 @@ export default function Fulfillment({ setSettings, setStep }) { links are valid for 24 hours.

-

- Cancellation and Refunds -

-

+

Cancellation and Refunds

+

Mintplex Labs Inc. reserves the right to cancel any fine-tuning job at our discretion. In the event of a cancellation, a refund may be issued. Additionally, we reserve the right to deny a @@ -74,22 +66,22 @@ export default function Fulfillment({ setSettings, setStep }) { cause or notice to the Customer.

-

No Guarantees

-

+

No Guarantees

+

Mintplex Labs Inc. makes NO GUARANTEES regarding the resulting model's output, functionality, speed, or compatibility with your tools, infrastructure and devices. Refund requests of this nature are not eligible for refunds.

-

+

Models are delivered and accepted in "As-Is" condition. All delivered model and output files are deemed final and non-refundable for any reason after training is complete and a model has been generated.

-

Payment Terms

-

+

Payment Terms

+

All payments are required prior to the commencement of the fine-tuning process. Customers are responsible for ensuring that valid payment information is provided. Checkout sessions not @@ -97,33 +89,31 @@ export default function Fulfillment({ setSettings, setStep }) { abandoned and will be deleted from our system.

-

- Denial of Service for Payment Reasons -

-

+

Denial of Service for Payment Reasons

+

Mintplex Labs Inc. reserves the right to deny service to any customer with an outstanding balance or invalid payment information. If any discrepancies arise regarding payment or usage, we may suspend services until the matter is resolved.

-

Contact

-

+

Contact

+

For any questions related to payment or fulfillment of services, please contact us at{" "} - team@mintplexlabs.com. + + team@mintplexlabs.com + .

+ + Agree and continue → +
- -
); -} +} \ No newline at end of file diff --git a/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx b/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx index 1b784d961b3..3c94c96df4d 100644 --- a/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx @@ -1,5 +1,6 @@ -import { CheckCircle, XCircle } from "@phosphor-icons/react"; +import { Check, CheckCircle, X, XCircle } from "@phosphor-icons/react"; import FineTuningSteps from ".."; +import CTAButton from "@/components/lib/CTAButton"; export default function Introduction({ setSettings, setStep }) { const handleAccept = () => { @@ -11,12 +12,12 @@ export default function Introduction({ setSettings, setStep }) { return (
-
-
-

+
+
+

What is a "Fine-Tuned" model?

-
+

Fine-tuned models are basically "customized" Language-Learning-Models (LLMs). These can be based on popular @@ -36,8 +37,8 @@ export default function Introduction({ setSettings, setStep }) {

-
-

+
+

When should I get a fine-tuned model?

@@ -45,48 +46,49 @@ export default function Introduction({ setSettings, setStep }) { following

    -
  • - Setting the style, - tone, format, or other qualitative aspects without prompting +
  • + Setting + the style, tone, format, or other qualitative aspects without + prompting
    • -
  • - Improving reliability - at producing a desired output +
  • + {" "} + Improving reliability at producing a desired output
    • -
  • - Correcting failures - to follow complex prompts, citations, or lack of background - knowledge +
  • + {" "} + Correcting failures to follow complex prompts, citations, or + lack of background knowledge
    • -
  • - You want to run this - model privately or offline +
  • + You + want to run this model privately or offline
-
-

+
+

What are fine-tunes bad for?

- Fine-tuned models powerful, but they are not the "silver bullet" - to any issues you have with RAG currently. Some notable + Fine-tuned models are powerful, but they are not the "silver + bullet" to any issues you have with RAG currently. Some notable limitations are

  • - You need perfect recall of - some piece of literature or reference document + You need + perfect recall of some piece of literature or reference document
  • - You want your model to have - perfect memory or recollection + You want + your model to have perfect memory or recollection
-
+

In summary, if you are getting good results with RAG currently, creating a fine-tune can squeeze even more performance out @@ -95,15 +97,14 @@ export default function Introduction({ setSettings, setStep }) { that is what RAG is for! Together, it is a powerful combination.

-
- - + Create a fine-tune model → + +

); diff --git a/frontend/src/pages/FineTuning/Steps/Privacy/index.jsx b/frontend/src/pages/FineTuning/Steps/Privacy/index.jsx index 6e0d5e98078..e4d711518ac 100644 --- a/frontend/src/pages/FineTuning/Steps/Privacy/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/Privacy/index.jsx @@ -1,3 +1,4 @@ +import CTAButton from "@/components/lib/CTAButton"; import FineTuningSteps from ".."; export default function PrivacyHandling({ setSettings, setStep }) { @@ -10,12 +11,12 @@ export default function PrivacyHandling({ setSettings, setStep }) { return (
-
-
-

+
+
+

Data Handling Policy & Privacy

-

+

Please accept the terms and conditions to continue with creation and ordering of a fine-tune model. We take the handling of your data very seriously and will only use your uploaded data for training the @@ -23,18 +24,14 @@ export default function PrivacyHandling({ setSettings, setStep }) { completed, or canceled your information is automatically and permanently deleted.

-
-

Privacy Policy

- -

- Mintplex Labs Inc. -

-

Effective Date: July 15, 2024

- -

- 1. Introduction -

-

+

+
+

Privacy Policy

+

Mintplex Labs Inc.

+

Effective Date: July 15, 2024

+
+

1. Introduction

+

Welcome to Mintplex Labs Inc. ("we", "our", "us"). We are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy describes how we @@ -42,45 +39,41 @@ export default function PrivacyHandling({ setSettings, setStep }) { services.

-

- 2. Information We Collect -

-

+

2. Information We Collect

+

When you place an order with us for tuning and large language model (LLM) fulfillment, we collect certain personal information from you, including but not limited to:

-
    +
    • Email address
    • Payment information
    • Uploaded training data
    -

    - 3. Use of Information -

    -

    We use the information we collect for the following purposes:

    -
      +

      3. Use of Information

      +

      + We use the information we collect for the following purposes: +

      +
      • To process and fulfill your order
      • To communicate with you regarding your order
      • To improve our services
      -

      - 4. Data Retention and Deletion -

      -

      +

      4. Data Retention and Deletion

      +

      Uploaded training data is only retained for the duration of the model training. Upon training completion, failure, or order cancellation, the user data is permanently deleted from our storage.

      -

      +

      If you partially complete the order flow and do not finalize your order, any details and information associated with your order will be deleted 1 hour from abandonment.

      -

      +

      After you confirm receipt of your resulting model files, you can request us to delete your model from our storage at any time. Additionally, we may proactively reach out to you to confirm that @@ -90,10 +83,8 @@ export default function PrivacyHandling({ setSettings, setStep }) { storage.

      -

      - 5. Data Storage and Security -

      -

      +

      5. Data Storage and Security

      +

      Our cloud storage provider is AWS. We have implement standard encryption and protection policies to ensure the security of your data. The storage solution has no public access, and all requests @@ -104,43 +95,41 @@ export default function PrivacyHandling({ setSettings, setStep }) { e-mail you used during checkout.

      -

      - 6. Payment Processing -

      -

      +

      6. Payment Processing

      +

      We use Stripe as our payment processor. Your email may be shared with Stripe for customer service and payment management purposes.

      -

      - 7. Data Sharing -

      -

      +

      7. Data Sharing

      +

      We do not sell or share your personal information with third parties except as necessary to provide our services, comply with legal obligations, or protect our rights.

      -

      - 8. Your Rights -

      -

      +

      8. Your Rights

      +

      You have the right to access, correct, or delete your personal information. If you wish to exercise these rights, please contact us at{" "} - team@mintplexlabs.com. + + team@mintplexlabs.com + + .

      -

      - 9. California Privacy Rights -

      -

      +

      9. California Privacy Rights

      +

      Under the California Consumer Privacy Act as amended by the - California Privacy Rights Act (the “CCPA”), California residents + California Privacy Rights Act (the "CCPA"), California residents have additional rights beyond what is set out in this privacy notice:

      -
        +
        • Right to Know: You have the right to request information about the categories and specific pieces of personal @@ -170,63 +159,70 @@ export default function PrivacyHandling({ setSettings, setStep }) { your CCPA rights.
        -

        +

        Submitting a Request:
        You may submit a request to know, delete, or correct your personal information by contacting us at{" "} - team@mintplexlabs.com. - We will confirm your identity before processing your request and + + team@mintplexlabs.com + + . We will confirm your identity before processing your request and respond within 45 days. If more time is needed, we will inform you of the reason and extension period in writing. You may make a request for your information twice every 12 months. If you are making an erasure request, please include details of the information you would like erased.

        -

        +

        Please note that if you request that we remove your information, we may retain some of the information for specific reasons, such as to resolve disputes, troubleshoot problems, and as required by law. Some information may not be completely removed from our databases due to technical constraints and regular backups.

        -

        +

        We will not discriminate against you for exercising any of your CCPA rights.

        -

        - 10. Contact Us -

        -

        +

        10. Contact Us

        +

        If you have any questions or concerns about this Privacy Policy, please contact us at{" "} - team@mintplexlabs.com. + + team@mintplexlabs.com + + .

        -

        +

        11. Changes to This Privacy Policy

        -

        +

        We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on our website. You are advised to review this Privacy Policy periodically for any changes.

        -

        +

        By using our services, you agree to the terms of this Privacy Policy.

+ + Agree and continue → +
- -
); diff --git a/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx b/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx index 339c43de3dd..c90fad6fed9 100644 --- a/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx @@ -1,3 +1,4 @@ +import CTAButton from "@/components/lib/CTAButton"; import FineTuningSteps from ".."; export default function TermsAndConditions({ setSettings, setStep }) { @@ -10,24 +11,21 @@ export default function TermsAndConditions({ setSettings, setStep }) { return (
-
-
-

+
+
+

Terms and Conditions

-

+

Please accept the terms and conditions to continue with creation and ordering of a fine-tune model.

-
-

- Mintplex Labs Inc. Fine-Tuning Terms of Service -

-

- Last Updated: July 15, 2024 -

- -

+

+
+

Mintplex Labs Inc. Fine-Tuning Terms of Service

+

Last Updated: July 15, 2024

+
+

This Agreement is between Mintplex Labs Inc. ("Company") and the customer ("Customer") accessing or using the services provided by the Company. By signing up, accessing, or using the services, @@ -35,20 +33,16 @@ export default function TermsAndConditions({ setSettings, setStep }) { be bound by the terms and conditions outlined below.

-

- 1. Services Provided -

-

+

1. Services Provided

+

Mintplex Labs Inc. provides model fine-tuning services for customers. The deliverable for these services is a download link to the output ".GGUF" file that can be used by the Customer for Large-Language text inferencing.

-

- 2. Payment Terms -

-
    +

    2. Payment Terms

    +
    • One-Time Payment: A one-time payment is required before the execution of the training. @@ -64,10 +58,8 @@ export default function TermsAndConditions({ setSettings, setStep }) {
    -

    - 3. Order Form -

    -
      +

      3. Order Form

      +
      • Service: Model fine-tuning
        • @@ -79,88 +71,76 @@ export default function TermsAndConditions({ setSettings, setStep }) {
      -

      - 4. Customer Responsibilities -

      -

      +

      4. Customer Responsibilities

      +

      The Customer must provide all necessary data and information required for model fine-tuning.

      -

      +

      The Customer must ensure timely payment as per the terms mentioned above.

      -

      +

      The Customer understands the data collected for tuning will be stored to a private cloud storage location temporarily while training is in progress.

      -

      +

      The Customer understands the data collected for tuning will be fully deleted once the order is completed or canceled by the Company.

      -

      +

      The Customer understands and has reviewed the Privacy Policy for Fine-Tuning by the Company.

      -

      - 5. Refund Policy -

      -

      +

      5. Refund Policy

      +

      Refunds will be processed in the event of training failure or if the complete model file is not delivered to the Customer. Refunds will be issued to the original payment method within 30 days of the refund request.

      -

      - 6. Governing Law -

      -

      +

      6. Governing Law

      +

      This Agreement shall be governed by and construed in accordance with the laws of the State of California.

      -

      - 7. Dispute Resolution -

      -

      +

      7. Dispute Resolution

      +

      Any disputes arising out of or in connection with this Agreement shall be resolved in the state or federal courts located in California.

      -

      - 8. Notices -

      -

      +

      8. Notices

      +

      All notices under this Agreement shall be in writing and shall be deemed given when delivered personally, sent by confirmed email, or sent by certified or registered mail, return receipt requested, and addressed to the respective parties as follows:

      -

      +

      For Company:{" "} - team@mintplexlabs.com + + team@mintplexlabs.com +

      -

      For Customer: The main email address on Customer's account

      +

      For Customer: The main email address on Customer's account

      -

      - 9. Amendments -

      -

      +

      9. Amendments

      +

      The Company reserves the right to amend these terms at any time by providing notice to the Customer. The Customer's continued use of the services after such amendments will constitute acceptance of the amended terms.

      -

      - 10. Indemnity -

      -

      +

      10. Indemnity

      +

      The Customer agrees to indemnify, defend, and hold harmless Mintplex Labs Inc., its affiliates, and their respective officers, directors, employees, agents, and representatives from and against @@ -173,16 +153,14 @@ export default function TermsAndConditions({ setSettings, setStep }) { person or entity.

+ + Agree and continue → +
- -
); -} +} \ No newline at end of file diff --git a/frontend/src/pages/FineTuning/Steps/index.jsx b/frontend/src/pages/FineTuning/Steps/index.jsx index 55ed589d893..1eb9592e8ee 100644 --- a/frontend/src/pages/FineTuning/Steps/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/index.jsx @@ -26,7 +26,7 @@ import OrderPlaced from "./OrderPlaced"; const FineTuningSteps = { intro: { - name: "Introduction to Fine-Tuning", + name: "1. Introduction to Fine-Tuning", next: () => "privacy", component: ({ settings, setSettings, setStep }) => ( "tos", component: ({ settings, setSettings, setStep }) => ( "fulfillment", component: ({ settings, setSettings, setStep }) => ( "order-details", component: ({ settings, setSettings, setStep }) => ( "data-selection", component: ({ settings, setSettings, setStep }) => ( "confirmation", component: ({ settings, setSettings, setStep }) => ( "done", component: ({ settings, setSettings, setStep }) => ( "done", component: ({ settings }) => , }, diff --git a/frontend/src/pages/FineTuning/index.jsx b/frontend/src/pages/FineTuning/index.jsx index 4406d8310f6..1c2befdd312 100644 --- a/frontend/src/pages/FineTuning/index.jsx +++ b/frontend/src/pages/FineTuning/index.jsx @@ -1,13 +1,13 @@ import React, { useState } from "react"; import FineTuningSteps, { FineTuningCreationLayout } from "./Steps"; -import { CheckCircle, Circle, Sparkle } from "@phosphor-icons/react"; +import { Sparkle } from "@phosphor-icons/react"; import { isMobile } from "react-device-detect"; function SideBarSelection({ setStep, currentStep }) { const currentIndex = Object.keys(FineTuningSteps).indexOf(currentStep); return (
@@ -21,28 +21,32 @@ function SideBarSelection({ setStep, currentStep }) {
- {isDone ? ( + {isDone || isSelected ? ( ) : ( -
{props.name}
+
+ {props.name} +
)}
{isDone ? ( - +
+
+
) : ( - )} From 9161d268654199e013af31f985e374146aa450d1 Mon Sep 17 00:00:00 2001 From: shatfield4 Date: Mon, 5 Aug 2024 18:16:49 -0700 Subject: [PATCH 2/9] lint --- .../FineTuning/Steps/FulfillmentPolicy/index.jsx | 14 ++++++++++---- .../pages/FineTuning/Steps/Introduction/index.jsx | 12 ++++++------ .../FineTuning/Steps/TermsAndConditions/index.jsx | 11 ++++++++--- 3 files changed, 24 insertions(+), 13 deletions(-) diff --git a/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx b/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx index db94555c691..e66c5672b9c 100644 --- a/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/FulfillmentPolicy/index.jsx @@ -89,7 +89,9 @@ export default function Fulfillment({ setSettings, setStep }) { abandoned and will be deleted from our system.

-

Denial of Service for Payment Reasons

+

+ Denial of Service for Payment Reasons +

Mintplex Labs Inc. reserves the right to deny service to any customer with an outstanding balance or invalid payment @@ -101,9 +103,13 @@ export default function Fulfillment({ setSettings, setStep }) {

For any questions related to payment or fulfillment of services, please contact us at{" "} - + team@mintplexlabs.com - . + + .

); -} \ No newline at end of file +} diff --git a/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx b/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx index 3c94c96df4d..913a09fc938 100644 --- a/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/Introduction/index.jsx @@ -98,12 +98,12 @@ export default function Introduction({ setSettings, setStep }) {

- Create a fine-tune model → - + className="text-dark-text w-full mt-[18px] h-[34px] hover:bg-accent" + onClick={handleAccept} + text="Create fine-tune model →" + > + Create a fine-tune model → +

diff --git a/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx b/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx index c90fad6fed9..c29e500d937 100644 --- a/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/TermsAndConditions/index.jsx @@ -125,11 +125,16 @@ export default function TermsAndConditions({ setSettings, setStep }) {

For Company:{" "} - + team@mintplexlabs.com

-

For Customer: The main email address on Customer's account

+

+ For Customer: The main email address on Customer's account +

9. Amendments

@@ -163,4 +168,4 @@ export default function TermsAndConditions({ setSettings, setStep }) {

); -} \ No newline at end of file +} From 6a51c351d048586963349b0a313d5804cb8d2f53 Mon Sep 17 00:00:00 2001 From: shatfield4 Date: Tue, 6 Aug 2024 11:56:36 -0700 Subject: [PATCH 3/9] update order details page finetuning ui --- .../FineTuning/Steps/OrderDetails/index.jsx | 120 +++++++++--------- 1 file changed, 57 insertions(+), 63 deletions(-) diff --git a/frontend/src/pages/FineTuning/Steps/OrderDetails/index.jsx b/frontend/src/pages/FineTuning/Steps/OrderDetails/index.jsx index b0f44a462bf..657c75accfd 100644 --- a/frontend/src/pages/FineTuning/Steps/OrderDetails/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/OrderDetails/index.jsx @@ -2,9 +2,11 @@ import FineTuning from "@/models/experimental/fineTuning"; import { useEffect, useState } from "react"; import FineTuningSteps from ".."; import { CircleNotch } from "@phosphor-icons/react"; +import CTAButton from "@/components/lib/CTAButton"; export default function OrderDetails({ setSettings, setStep }) { const [info, setInfo] = useState({}); + useEffect(() => { FineTuning.info() .then((res) => { @@ -32,33 +34,30 @@ export default function OrderDetails({ setSettings, setStep }) { return (
-
-
-
-

- Time to create your fine tune! -

-

- Creating a model is quite simple. Currently we have a limited base - model selection, however in the future we plan to expand support - to many more foundational models. -

- -
-
- -

- This e-mail is where you will receive all order information - and updates. This e-mail must be accurate or else we - won't be able to contact you with your fine-tuned model! -

-
+
+
+

+ Time to create your fine tune! +

+

+ Creating a model is quite simple. Currently we have a limited base + model selection, however in the future we plan to expand support to + many more foundational models. +

+ +
+ +

+ This e-mail is where you will receive all order information and + updates. This e-mail must be accurate or else we won't be + able to contact you with your fine-tuned model! +

-
-
- -

- This is the foundational model your fine-tune will be based - on. We recommend Llama 3 8B. -

-
+
+ +

+ This is the foundational model your fine-tune will be based on. + We recommend Llama 3 8B. +

{info.hasOwnProperty("availableBaseModels") ? ( ) : ( @@ -103,35 +98,34 @@ export default function OrderDetails({ setSettings, setStep }) { )}
-
-
- -

- What would you like to call your model? This has no impact on - its output or training and is only used for how we communicate - with you about the model. -

-
+
+ +

+ What would you like to call your model? This has no impact on + its output or training and is only used for how we communicate + with you about the model. +

-
- - + + + Proceed to data selection → + + +
); From d011cea39726aff3f4269c92b9eaaf571ea6593b Mon Sep 17 00:00:00 2001 From: shatfield4 Date: Tue, 6 Aug 2024 17:41:51 -0700 Subject: [PATCH 4/9] data upload, confirmation, and order placed finetune ui update --- .../FineTuning/Steps/Confirmation/index.jsx | 147 ++++++++++-------- .../FineTuning/Steps/DataUpload/index.jsx | 127 +++++++-------- .../FineTuning/Steps/OrderPlaced/index.jsx | 100 +++++++----- 3 files changed, 196 insertions(+), 178 deletions(-) diff --git a/frontend/src/pages/FineTuning/Steps/Confirmation/index.jsx b/frontend/src/pages/FineTuning/Steps/Confirmation/index.jsx index acf4b4091ed..af5c95aea07 100644 --- a/frontend/src/pages/FineTuning/Steps/Confirmation/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/Confirmation/index.jsx @@ -1,9 +1,10 @@ import FineTuning from "@/models/experimental/fineTuning"; import { dollarFormat } from "@/utils/numbers"; import showToast from "@/utils/toast"; -import { CheckCircle } from "@phosphor-icons/react"; +import { Check } from "@phosphor-icons/react"; import { useState } from "react"; import FineTuningSteps from "../index"; +import CTAButton from "@/components/lib/CTAButton"; /** * @param {{settings: import("../index").OrderSettings}} param0 @@ -42,105 +43,117 @@ export default function Confirmation({ settings, setSettings, setStep }) { return (
-
-
-

Confirm & Submit

-

+

+
+

+ Confirm & Submit +

+

Below are your fine-tuning order details. If you have any questions - before or after ordering your fine-tune you can{" "} + before or after ordering your fine-tune you can checkout the{" "} - checkout the fine-tuning FAQ + fine-tuning FAQ {" "} or email{" "} - + team@mintplexlabs.com .

-
-
-

Contact e-mail:

-

{settings.email}

-
-
-

Base LLM:

-

{settings.baseModel}

-
-
-

Output model name:

-

"{settings.modelName}"

-
-
-
-

Training on workspaces:

- {settings.trainingData.slugs.map((slug, i) => { - return ( -

- "{slug}" - {i !== settings.trainingData.slugs.length - 1 ? "," : ""} -

- ); - })} +
+
+
+

Contact e-mail:

+

{settings.email}

- {settings.trainingData.feedback === true ? ( -

- training on positive-feedback chats only. -

- ) : ( -

- training on all chats. +

+

Base LLM:

+

{settings.baseModel}

+
+
+

Output model name:

+

"{settings.modelName}"

+
+
+

Training on workspaces:

+
+ {settings.trainingData.slugs.map((slug, i) => ( + + {slug} + + ))} +
+
+
+

Training data:

+

+ {settings.trainingData.feedback === true + ? "Training on positive-feedback chats only" + : "Training on all chats"}

- )} +
-
-
- -

Agreed to Terms and Conditions

-
-
- -

Understand privacy & data handling

-
-
- -

Agreed to Fulfillment terms

+
+
    +
  • + +

    + Agreed to Terms and Conditions +

    +
    • +
  • + +

    + Understand privacy & data handling +

    +
    • +
  • + +

    Agreed to Fulfillment terms

    +
    • +
-
-
+
+

Total one-time cost:

-

+

{dollarFormat(settings.tuningInfo.pricing.usd)} *

-

+

* price does not include any coupons, incentives, or discounts you can apply at checkout.

-

+

Once you proceed to checkout, if you do not complete this purchase your data will be deleted from our servers within 1 hour of abandonment of the creation of the checkout in accordance to our privacy and data handling policy.

+ + {loading ? "Generating order..." : "Start Training →"} +
- -
); diff --git a/frontend/src/pages/FineTuning/Steps/DataUpload/index.jsx b/frontend/src/pages/FineTuning/Steps/DataUpload/index.jsx index d4cec7ea45b..b29f9b6d792 100644 --- a/frontend/src/pages/FineTuning/Steps/DataUpload/index.jsx +++ b/frontend/src/pages/FineTuning/Steps/DataUpload/index.jsx @@ -3,6 +3,7 @@ import FineTuning from "@/models/experimental/fineTuning"; import Workspace from "@/models/workspace"; import { CheckCircle, Warning, X } from "@phosphor-icons/react"; import FineTuningSteps from ".."; +import CTAButton from "@/components/lib/CTAButton"; export default function DataUpload({ setSettings, setStep }) { const [workspaces, setWorkspaces] = useState([]); @@ -41,34 +42,29 @@ export default function DataUpload({ setSettings, setStep }) { return (
-
-
-
-

- Select your training dataset. -

-

- This is the data your model will be trained and tuned on. This is - a critical step and you should always train on the exact - information you want the model to inherit. By default, AnythingLLM - will use all chats, but you can filter chats by workspace and even - limit training to chats which users have left a positive feedback - indication on (thumbs up). -

+
+
+

+ Select your training dataset +

+

+ This is the data your model will be trained and tuned on. This is a + critical step and you should always train on the exact information + you want the model to inherit. By default, AnythingLLM will use all + chats, but you can filter chats by workspace and even limit training + to chats which users have left a positive feedback indication on + (thumbs up). +

-
-
- -

- Enabling this toggle will filter your dataset to only use - "positive" responses that were marked during chatting. -

-
+ +
+ +

+ Enabling this toggle will filter your dataset to only use + "positive" responses that were marked during chatting. +

-
-
- -

- You training data will be limited to these workspaces. -

-
+
+ +

+ Your training data will be limited to these workspaces. +

+ -
- - + + Proceed to Confirmation → + + +
); @@ -158,30 +153,26 @@ function WorkspaceSelector({
-
-
+
+
{selectedWorkspaces.map((workspace) => { return (
-
- {workspace.name} -
-
- -
+ {workspace.name} +
); })} -
+
setQuery(e.target.value)} @@ -192,7 +183,7 @@ function WorkspaceSelector({ }, 500) } placeholder="Enter a workspace name" - className="w-[200px] bg-transparent p-1 px-2 appearance-none outline-none h-full w-full text-white" + className="bg-transparent p-1 px-2 appearance-none outline-none h-full w-full text-white text-sm" />
@@ -221,7 +212,7 @@ function WorkspaceSuggestions({ }) { if (availableWorkspaces.length === 0) { return ( -
+

no workspaces available to select.

@@ -239,7 +230,7 @@ function WorkspaceSuggestions({ : availableWorkspaces; return ( -
+
{filteredWorkspace.map((workspace) => { return ( -
- ); - })} -
- setQuery(e.target.value)} - onFocus={() => setShowSuggestions(true)} - onBlur={() => - setTimeout(() => { - setShowSuggestions(false); - }, 500) - } - placeholder="Enter a workspace name" - className="bg-transparent p-1 px-2 appearance-none outline-none h-full w-full text-white text-sm" - /> + {workspace.name} + +
+ ); + })}
-
- {showSuggestions && ( -
-
- + {showSuggestions && ( +
+
+ +
-
- )} + )} +
); diff --git a/frontend/src/pages/FineTuning/index.jsx b/frontend/src/pages/FineTuning/index.jsx index b4899539753..4f5399cdada 100644 --- a/frontend/src/pages/FineTuning/index.jsx +++ b/frontend/src/pages/FineTuning/index.jsx @@ -64,24 +64,24 @@ export default function FineTuningFlow() { ? FineTuningSteps[step] : FineTuningSteps.intro; - return ( - - {(settings, setSettings, setStep) => ( -
-
-
- -

Custom Fine-Tuned Model

-
- + return ( + + {(settings, setSettings, setStep) => ( +
+
+
+ +

Custom Fine-Tuned Model

-
-
- {StepPage.component({ settings, setSettings, setStep })} -
+ +
+
+
+ {StepPage.component({ settings, setSettings, setStep })}
- )} - - ); +
+ )} + + ); } From 808b39f9a02904c4d301435ee676b6643f6ec14e Mon Sep 17 00:00:00 2001 From: shatfield4 Date: Thu, 8 Aug 2024 11:25:45 -0700 Subject: [PATCH 9/9] finetun main container layout fix --- frontend/src/pages/FineTuning/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/pages/FineTuning/index.jsx b/frontend/src/pages/FineTuning/index.jsx index 4f5399cdada..ceb29862acf 100644 --- a/frontend/src/pages/FineTuning/index.jsx +++ b/frontend/src/pages/FineTuning/index.jsx @@ -75,7 +75,7 @@ export default function FineTuningFlow() {
-
+
{StepPage.component({ settings, setSettings, setStep })}