feedback with unique id, patch

5 files changed, 113 insertions, 96 deletions

diff --git a/extension/package-lock.json b/extension/package-lock.json
index 6edc38f9..afa8ab2d 100644
--- a/extension/package-lock.json
+++ b/extension/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "continue",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "continue",
-      "version": "0.0.36",
+      "version": "0.0.38",
       "license": "Apache-2.0",
       "dependencies": {
         "@electron/rebuild": "^3.2.10",
diff --git a/extension/package.json b/extension/package.json
index 91d687ab..4b86f4ea 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -14,7 +14,7 @@
   "displayName": "Continue",
   "pricing": "Free",
   "description": "Refine code 10x faster",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "publisher": "Continue",
   "engines": {
     "vscode": "^1.74.0"
diff --git a/extension/react-app/src/tabs/gui.tsx b/extension/react-app/src/tabs/gui.tsx
index 55c2b763..70bab352 100644
--- a/extension/react-app/src/tabs/gui.tsx
+++ b/extension/react-app/src/tabs/gui.tsx
@@ -21,6 +21,11 @@ import {
 import ComboBox from "../components/ComboBox";
 import TextDialog from "../components/TextDialog";
 
+const MainDiv = styled.div`
+  display: grid;
+  grid-template-rows: 1fr auto;
+`;
+
 let TopGUIDiv = styled.div`
   display: grid;
   grid-template-columns: 1fr;
@@ -39,10 +44,11 @@ const TopBar = styled.div`
   display: flex;
   flex-direction: row;
   gap: 8px;
-  justify-content: center;
+  justify-content: right;
   padding: 8px;
   align-items: center;
-  border-bottom: 0.1px solid gray;
+  margin-top: 8px;
+  border-top: 0.1px solid gray;
 `;
 
 interface GUIProps {
@@ -294,101 +300,103 @@ function GUI(props: GUIProps) {
           setShowFeedbackDialog(false);
         }}
       ></TextDialog>
-      <TopGUIDiv
-        ref={topGuiDivRef}
-        onKeyDown={(e) => {
-          if (e.key === "Enter" && e.ctrlKey) {
-            onMainTextInput();
-          }
-        }}
-      >
-        <TopBar>
-          <a href="https://continue.dev/docs" className="no-underline">
-            <HeaderButton style={{ padding: "3px" }}>
-              Continue Docs
-              <BookOpen size="1.6em" />
-            </HeaderButton>
-          </a>
-          <HeaderButton
-            style={{ padding: "3px" }}
-            onClick={() => {
-              // Set dialog open
-              setShowFeedbackDialog(true);
-            }}
-          >
-            Feedback
-            <ChatBubbleOvalLeftEllipsis size="1.6em" />
-          </HeaderButton>
-          <HeaderButton
-            onClick={() => {
-              client?.sendClear();
+      <MainDiv>
+        <TopGUIDiv
+          ref={topGuiDivRef}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" && e.ctrlKey) {
+              onMainTextInput();
+            }
+          }}
+        >
+          {typeof client === "undefined" && (
+            <>
+              <Loader></Loader>
+              <p style={{ textAlign: "center" }}>
+                Trying to reconnect with server...
+              </p>
+            </>
+          )}
+          {history?.timeline.map((node: HistoryNode, index: number) => {
+            return (
+              <StepContainer
+                key={index}
+                onUserInput={(input: string) => {
+                  onStepUserInput(input, index);
+                }}
+                inFuture={index > history?.current_index}
+                historyNode={node}
+                onRefinement={(input: string) => {
+                  client?.sendRefinementInput(input, index);
+                }}
+                onReverse={() => {
+                  client?.reverseToIndex(index);
+                }}
+                onRetry={() => {
+                  client?.retryAtIndex(index);
+                  setWaitingForSteps(true);
+                }}
+                onDelete={() => {
+                  client?.deleteAtIndex(index);
+                }}
+              />
+            );
+          })}
+          {waitingForSteps && <Loader></Loader>}
+
+          <div>
+            {userInputQueue.map((input) => {
+              return <UserInputQueueItem>{input}</UserInputQueueItem>;
+            })}
+          </div>
+
+          <ComboBox
+            disabled={
+              history?.timeline.length
+                ? history.timeline[history.current_index].step.name ===
+                  "Waiting for user confirmation"
+                : false
+            }
+            ref={mainTextInputRef}
+            onEnter={(e) => {
+              onMainTextInput();
+              e.stopPropagation();
+              e.preventDefault();
             }}
-            style={{ padding: "3px" }}
-          >
-            Clear History
-            <Trash size="1.6em" />
-          </HeaderButton>
-        </TopBar>
+            onInputValueChange={() => {}}
+            items={availableSlashCommands}
+          />
+          <ContinueButton onClick={onMainTextInput} />
 
-        {typeof client === "undefined" && (
-          <>
-            <Loader></Loader>
-            <p style={{ textAlign: "center" }}>
-              Trying to reconnect with server...
-            </p>
-          </>
-        )}
-        {history?.timeline.map((node: HistoryNode, index: number) => {
-          return (
-            <StepContainer
-              key={index}
-              onUserInput={(input: string) => {
-                onStepUserInput(input, index);
+          <TopBar>
+            <a href="https://continue.dev/docs" className="no-underline">
+              <HeaderButton style={{ padding: "3px" }}>
+                Continue Docs
+                <BookOpen size="1.6em" />
+              </HeaderButton>
+            </a>
+            <HeaderButton
+              style={{ padding: "3px" }}
+              onClick={() => {
+                // Set dialog open
+                setShowFeedbackDialog(true);
               }}
-              inFuture={index > history?.current_index}
-              historyNode={node}
-              onRefinement={(input: string) => {
-                client?.sendRefinementInput(input, index);
-              }}
-              onReverse={() => {
-                client?.reverseToIndex(index);
-              }}
-              onRetry={() => {
-                client?.retryAtIndex(index);
-                setWaitingForSteps(true);
-              }}
-              onDelete={() => {
-                client?.deleteAtIndex(index);
+            >
+              Feedback
+              <ChatBubbleOvalLeftEllipsis size="1.6em" />
+            </HeaderButton>
+            <HeaderButton
+              onClick={() => {
+                client?.sendClear();
               }}
-            />
-          );
-        })}
-        {waitingForSteps && <Loader></Loader>}
-
-        <div>
-          {userInputQueue.map((input) => {
-            return <UserInputQueueItem>{input}</UserInputQueueItem>;
-          })}
-        </div>
-
-        <ComboBox
-          disabled={
-            history?.timeline.length
-              ? history.timeline[history.current_index].step.name ===
-                "Waiting for user confirmation"
-              : false
-          }
-          ref={mainTextInputRef}
-          onEnter={(e) => {
-            onMainTextInput();
-            e.stopPropagation();
-            e.preventDefault();
-          }}
-          onInputValueChange={() => {}}
-          items={availableSlashCommands}
-        />
-        <ContinueButton onClick={onMainTextInput} />
-      </TopGUIDiv>
+              style={{ padding: "3px" }}
+            >
+              Clear History
+              <Trash size="1.6em" />
+            </HeaderButton>
+          </TopBar>
+        </TopGUIDiv>
+      </MainDiv>
     </>
   );
 }
diff --git a/extension/scripts/continuedev-0.1.1-py3-none-any.whl b/extension/scripts/continuedev-0.1.1-py3-none-any.whl
new file mode 100644
index 00000000..b3e8229a
--- /dev/null
+++ b/extension/scripts/continuedev-0.1.1-py3-none-any.whl
diff --git a/extension/src/continueIdeClient.ts b/extension/src/continueIdeClient.ts
index 3308068a..16941c70 100644
--- a/extension/src/continueIdeClient.ts
+++ b/extension/src/continueIdeClient.ts
@@ -77,6 +77,11 @@ class IdeProtocolClient {
           workspaceDirectory: this.getWorkspaceDirectory(),
         });
         break;
+      case "uniqueId":
+        this.messenger?.send("uniqueId", {
+          uniqueId: this.getUniqueId(),
+        });
+        break;
       case "getUserSecret":
         this.messenger?.send("getUserSecret", {
           value: await this.getUserSecret(data.key),
@@ -128,6 +133,10 @@ class IdeProtocolClient {
     return vscode.workspace.workspaceFolders[0].uri.fsPath;
   }
 
+  getUniqueId() {
+    return vscode.env.machineId;
+  }
+
   // ------------------------------------ //
   // On message handlers