@notebook-intelligence/notebook-intelligence 4.0.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/chat-sidebar.js +2 -0
  2. package/lib/components/ask-user-question.js +4 -3
  3. package/package.json +1 -1
  4. package/src/chat-sidebar.tsx +2 -0
  5. package/src/components/ask-user-question.tsx +12 -5
  6. package/style/base.css +22 -1
package/lib/chat-sidebar.js CHANGED
@@ -726,6 +726,8 @@ function SidebarComponent(props) {
726
726
  prefixes.push(`/${command}`);
727
727
  }
728
728
  }
729
+ prefixes.push('/enter-plan-mode');
730
+ prefixes.push('/exit-plan-mode');
729
731
  }
730
732
  else {
731
733
  if (chatMode === 'ask') {
package/lib/components/ask-user-question.js CHANGED
@@ -40,10 +40,11 @@ export function AskUserQuestion(props) {
40
40
  React.createElement("div", { className: "ask-user-question-options" }, question.options.map((option) => {
41
41
  var _a, _b;
42
42
  return (React.createElement("div", { className: "ask-user-question-option", key: option.label },
43
- React.createElement("div", null,
43
+ React.createElement("div", { className: "ask-user-question-option-input-container" },
44
44
  React.createElement("input", { id: option.label, type: "checkbox", checked: (_b = (_a = selectedAnswers[question.question]) === null || _a === void 0 ? void 0 : _a.includes(option.label)) !== null && _b !== void 0 ? _b : false, onChange: () => onOptionSelected(question, option) }),
45
- React.createElement("label", { htmlFor: option.label }, option.label)),
46
- React.createElement("div", { className: "ask-user-question-option-description" }, option.description)));
45
+ React.createElement("label", { htmlFor: option.label, className: "ask-user-question-option-label-container" },
46
+ React.createElement("div", { className: "ask-user-question-option-label" }, option.label),
47
+ React.createElement("div", { className: "ask-user-question-option-description" }, option.description)))));
47
48
  })))))),
48
49
  React.createElement("div", { className: "ask-user-question-footer" },
49
50
  React.createElement("button", { className: "jp-Dialog-button jp-mod-accept jp-mod-styled", onClick: () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@notebook-intelligence/notebook-intelligence",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "AI coding assistant for JupyterLab",
5
5
  "keywords": [
6
6
  "AI",
package/src/chat-sidebar.tsx CHANGED
@@ -1222,6 +1222,8 @@ function SidebarComponent(props: any) {
1222
1222
  prefixes.push(`/${command}`);
1223
1223
  }
1224
1224
  }
1225
+ prefixes.push('/enter-plan-mode');
1226
+ prefixes.push('/exit-plan-mode');
1225
1227
  } else {
1226
1228
  if (chatMode === 'ask') {
1227
1229
  const chatParticipants = NBIAPI.config.chatParticipants;
package/src/components/ask-user-question.tsx CHANGED
@@ -52,7 +52,7 @@ export function AskUserQuestion(props: any) {
52
52
  <div className="ask-user-question-options">
53
53
  {question.options.map((option: any) => (
54
54
  <div className="ask-user-question-option" key={option.label}>
55
- <div>
55
+ <div className="ask-user-question-option-input-container">
56
56
  <input
57
57
  id={option.label}
58
58
  type="checkbox"
@@ -63,10 +63,17 @@ export function AskUserQuestion(props: any) {
63
63
  }
64
64
  onChange={() => onOptionSelected(question, option)}
65
65
  />
66
- <label htmlFor={option.label}>{option.label}</label>
67
- </div>
68
- <div className="ask-user-question-option-description">
69
- {option.description}
66
+ <label
67
+ htmlFor={option.label}
68
+ className="ask-user-question-option-label-container"
69
+ >
70
+ <div className="ask-user-question-option-label">
71
+ {option.label}
72
+ </div>
73
+ <div className="ask-user-question-option-description">
74
+ {option.description}
75
+ </div>
76
+ </label>
70
77
  </div>
71
78
  </div>
72
79
  ))}
package/style/base.css CHANGED
@@ -1011,8 +1011,29 @@ svg.access-token-warning {
1011
1011
  flex-direction: column;
1012
1012
  }
1013
1013
 
1014
+ .ask-user-question-option-input-container {
1015
+ display: flex;
1016
+ flex-direction: row;
1017
+ align-items: center;
1018
+ gap: 5px;
1019
+ }
1020
+
1021
+ .ask-user-question-option-input-container input {
1022
+ transform: scale(1.25);
1023
+ }
1024
+
1025
+ .ask-user-question-option-label-container {
1026
+ width: calc(100% - 15px);
1027
+ margin-left: 2px;
1028
+ display: flex;
1029
+ flex-direction: column;
1030
+ }
1031
+
1032
+ .ask-user-question-option-label {
1033
+ font-weight: bold;
1034
+ }
1035
+
1014
1036
  .ask-user-question-option-description {
1015
- padding-left: 5px;
1016
1037
  color: var(--jp-ui-font-color2);
1017
1038
  padding-bottom: 4px;
1018
1039
  overflow: hidden;