llmasaservice-ui 0.1.3 → 0.1.4

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/dist/index.css +8 -2
  2. package/dist/index.js +27 -1
  3. package/dist/index.mjs +27 -1
  4. package/package.json +1 -1
  5. package/src/ChatPanel.css +8 -2
  6. package/src/ChatPanel.tsx +27 -1
package/dist/index.css CHANGED
@@ -40,9 +40,14 @@
40
40
  background-color: #007bff;
41
41
  color: white;
42
42
  border: none;
43
- border-radius: 4px;
43
+ border-radius: 0.3rem;
44
44
  cursor: pointer;
45
45
  height: 30px;
46
+ width: 40px;
47
+ padding: 0;
48
+ margin: 0;
49
+ justify-content: center;
50
+ align-items: center;
46
51
  }
47
52
  .side-panel .send-button:hover {
48
53
  background-color: #0056b3;
@@ -145,9 +150,10 @@
145
150
  background-color: #007bff;
146
151
  color: white;
147
152
  border: none;
148
- border-radius: 4px;
153
+ border-radius: 0.3rem;
149
154
  cursor: pointer;
150
155
  height: 30px;
156
+ width: 40px;
151
157
  }
152
158
  .side-panel-dark .send-button:hover {
153
159
  background-color: #0056b3;
package/dist/index.js CHANGED
@@ -192,7 +192,33 @@ var ChatPanel = ({
192
192
  }
193
193
  }
194
194
  }
195
- ), /* @__PURE__ */ import_react.default.createElement("button", { className: "send-button", onClick: continueChat }, idle ? "Send" : "Stop"))));
195
+ ), /* @__PURE__ */ import_react.default.createElement("button", { className: "send-button", onClick: continueChat }, idle ? /* @__PURE__ */ import_react.default.createElement(
196
+ "svg",
197
+ {
198
+ xmlns: "http://www.w3.org/2000/svg",
199
+ viewBox: "0 0 24 24",
200
+ "stroke-width": "2",
201
+ stroke: "currentColor",
202
+ fill: "none",
203
+ "stroke-linecap": "round",
204
+ "stroke-linejoin": "round",
205
+ className: "icon-svg"
206
+ },
207
+ /* @__PURE__ */ import_react.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
208
+ /* @__PURE__ */ import_react.default.createElement("path", { d: "M10 14l11 -11" }),
209
+ /* @__PURE__ */ import_react.default.createElement("path", { d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" })
210
+ ) : /* @__PURE__ */ import_react.default.createElement(
211
+ "svg",
212
+ {
213
+ xmlns: "http://www.w3.org/2000/svg",
214
+ viewBox: "0 0 24 24",
215
+ "stroke-width": "1",
216
+ stroke: "currentColor",
217
+ fill: "currentColor",
218
+ className: "icon-svg"
219
+ },
220
+ /* @__PURE__ */ import_react.default.createElement("path", { d: "M8 8h16v16H8z" })
221
+ )))));
196
222
  };
197
223
  var ChatPanel_default = ChatPanel;
198
224
  // Annotate the CommonJS export names for ESM import in node:
package/dist/index.mjs CHANGED
@@ -159,7 +159,33 @@ var ChatPanel = ({
159
159
  }
160
160
  }
161
161
  }
162
- ), /* @__PURE__ */ React.createElement("button", { className: "send-button", onClick: continueChat }, idle ? "Send" : "Stop"))));
162
+ ), /* @__PURE__ */ React.createElement("button", { className: "send-button", onClick: continueChat }, idle ? /* @__PURE__ */ React.createElement(
163
+ "svg",
164
+ {
165
+ xmlns: "http://www.w3.org/2000/svg",
166
+ viewBox: "0 0 24 24",
167
+ "stroke-width": "2",
168
+ stroke: "currentColor",
169
+ fill: "none",
170
+ "stroke-linecap": "round",
171
+ "stroke-linejoin": "round",
172
+ className: "icon-svg"
173
+ },
174
+ /* @__PURE__ */ React.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
175
+ /* @__PURE__ */ React.createElement("path", { d: "M10 14l11 -11" }),
176
+ /* @__PURE__ */ React.createElement("path", { d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" })
177
+ ) : /* @__PURE__ */ React.createElement(
178
+ "svg",
179
+ {
180
+ xmlns: "http://www.w3.org/2000/svg",
181
+ viewBox: "0 0 24 24",
182
+ "stroke-width": "1",
183
+ stroke: "currentColor",
184
+ fill: "currentColor",
185
+ className: "icon-svg"
186
+ },
187
+ /* @__PURE__ */ React.createElement("path", { d: "M8 8h16v16H8z" })
188
+ )))));
163
189
  };
164
190
  var ChatPanel_default = ChatPanel;
165
191
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "llmasaservice-ui",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "description": "Prebuilt UI components for LLMAsAService.io",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/ChatPanel.css CHANGED
@@ -40,9 +40,14 @@
40
40
  background-color: #007bff;
41
41
  color: white;
42
42
  border: none;
43
- border-radius: 4px;
43
+ border-radius: 0.3rem;
44
44
  cursor: pointer;
45
45
  height: 30px;
46
+ width: 40px;
47
+ padding: 0;
48
+ margin: 0;
49
+ justify-content: center;
50
+ align-items: center;
46
51
  }
47
52
 
48
53
  .side-panel .send-button:hover {
@@ -157,9 +162,10 @@
157
162
  background-color: #007bff;
158
163
  color: white;
159
164
  border: none;
160
- border-radius: 4px;
165
+ border-radius: 0.3rem;
161
166
  cursor: pointer;
162
167
  height: 30px;
168
+ width: 40px;
163
169
  }
164
170
 
165
171
  .side-panel-dark .send-button:hover {
package/src/ChatPanel.tsx CHANGED
@@ -197,7 +197,33 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
197
197
  }}
198
198
  ></textarea>
199
199
  <button className="send-button" onClick={continueChat}>
200
- {idle ? "Send" : "Stop"}
200
+ {idle ? (
201
+ <svg
202
+ xmlns="http://www.w3.org/2000/svg"
203
+ viewBox="0 0 24 24"
204
+ stroke-width="2"
205
+ stroke="currentColor"
206
+ fill="none"
207
+ stroke-linecap="round"
208
+ stroke-linejoin="round"
209
+ className="icon-svg"
210
+ >
211
+ <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
212
+ <path d="M10 14l11 -11"></path>
213
+ <path d="M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"></path>
214
+ </svg>
215
+ ) : (
216
+ <svg
217
+ xmlns="http://www.w3.org/2000/svg"
218
+ viewBox="0 0 24 24"
219
+ stroke-width="1"
220
+ stroke="currentColor"
221
+ fill="currentColor"
222
+ className="icon-svg"
223
+ >
224
+ <path d="M8 8h16v16H8z" />
225
+ </svg>
226
+ )}
201
227
  </button>
202
228
  </div>
203
229
  </div>