@memori.ai/memori-react 7.33.2 → 7.33.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 (15) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/Chat/Chat.js +24 -1
  3. package/dist/components/Chat/Chat.js.map +1 -1
  4. package/dist/components/ChatBubble/ChatBubble.js +16 -40
  5. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  6. package/esm/components/Chat/Chat.js +24 -1
  7. package/esm/components/Chat/Chat.js.map +1 -1
  8. package/esm/components/ChatBubble/ChatBubble.js +16 -40
  9. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Chat/Chat.stories.tsx +277 -0
  12. package/src/components/Chat/Chat.tsx +45 -3
  13. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +0 -480
  14. package/src/components/ChatBubble/ChatBubble.stories.tsx +35 -0
  15. package/src/components/ChatBubble/ChatBubble.tsx +26 -77
package/src/components/Chat/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -4189,486 +4189,6 @@ exports[`renders Chat with media unchanged 1`] = `
4189
4189
  </div>
4190
4190
  </div>
4191
4191
  </div>
4192
- <div
4193
- class="memori-media-widget"
4194
- >
4195
- <div
4196
- class="memori-media-items"
4197
- >
4198
- <div
4199
- class="memori-media-items--grid memori-media-items--agent"
4200
- >
4201
- <div
4202
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
4203
- >
4204
- <a
4205
- class="memori-media-item--link"
4206
- href="https://picsum.photos/300/200?random=0"
4207
- rel="noopener noreferrer"
4208
- target="_blank"
4209
- title="Image 0"
4210
- >
4211
- <div
4212
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4213
- >
4214
- <div
4215
- class="memori-spin"
4216
- >
4217
- <div
4218
- class="memori-card--cover"
4219
- >
4220
- <picture
4221
- class="memori-media-item--figure"
4222
- >
4223
- <source
4224
- srcset="https://picsum.photos/300/200?random=0, https://picsum.photos/300/200?random=0, "
4225
- type="image/png"
4226
- />
4227
- <img
4228
- alt="Image 0"
4229
- src="data:image/png;base64,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"
4230
- />
4231
- <figcaption
4232
- class="memori-media-item--figure-caption"
4233
- >
4234
- Image 0
4235
- </figcaption>
4236
- </picture>
4237
- </div>
4238
- <div
4239
- class="memori-card--content"
4240
- >
4241
- <div
4242
- class="memori-card--children"
4243
- />
4244
- </div>
4245
- <div
4246
- class="memori-spin--spinner"
4247
- >
4248
- <svg
4249
- aria-hidden="true"
4250
- class="memori-loading-icon"
4251
- focusable="false"
4252
- role="img"
4253
- viewBox="0 0 1024 1024"
4254
- xmlns="http://www.w3.org/2000/svg"
4255
- >
4256
- <path
4257
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4258
- />
4259
- </svg>
4260
- </div>
4261
- </div>
4262
- </div>
4263
- </a>
4264
- </div>
4265
- <div
4266
- class="memori-media-item ease-out duration-500 delay-100 opacity-0 scale-95"
4267
- >
4268
- <a
4269
- class="memori-media-item--link"
4270
- href="https://picsum.photos/200/300?random=1"
4271
- rel="noopener noreferrer"
4272
- target="_blank"
4273
- title="Image 1"
4274
- >
4275
- <div
4276
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4277
- >
4278
- <div
4279
- class="memori-spin"
4280
- >
4281
- <div
4282
- class="memori-card--cover"
4283
- >
4284
- <picture
4285
- class="memori-media-item--figure"
4286
- >
4287
- <source
4288
- srcset="https://picsum.photos/200/300?random=1, https://picsum.photos/200/300?random=1, "
4289
- type="image/png"
4290
- />
4291
- <img
4292
- alt="Image 1"
4293
- src="data:image/png;base64,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"
4294
- />
4295
- <figcaption
4296
- class="memori-media-item--figure-caption"
4297
- >
4298
- Image 1
4299
- </figcaption>
4300
- </picture>
4301
- </div>
4302
- <div
4303
- class="memori-card--content"
4304
- >
4305
- <div
4306
- class="memori-card--children"
4307
- />
4308
- </div>
4309
- <div
4310
- class="memori-spin--spinner"
4311
- >
4312
- <svg
4313
- aria-hidden="true"
4314
- class="memori-loading-icon"
4315
- focusable="false"
4316
- role="img"
4317
- viewBox="0 0 1024 1024"
4318
- xmlns="http://www.w3.org/2000/svg"
4319
- >
4320
- <path
4321
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4322
- />
4323
- </svg>
4324
- </div>
4325
- </div>
4326
- </div>
4327
- </a>
4328
- </div>
4329
- <div
4330
- class="memori-media-item ease-out duration-500 delay-200 opacity-0 scale-95"
4331
- >
4332
- <a
4333
- class="memori-media-item--link"
4334
- href="https://picsum.photos/300/300?random=2"
4335
- rel="noopener noreferrer"
4336
- target="_blank"
4337
- title="Image 2"
4338
- >
4339
- <div
4340
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4341
- >
4342
- <div
4343
- class="memori-spin"
4344
- >
4345
- <div
4346
- class="memori-card--cover"
4347
- >
4348
- <picture
4349
- class="memori-media-item--figure"
4350
- >
4351
- <source
4352
- srcset="https://picsum.photos/300/300?random=2, https://picsum.photos/300/300?random=2, "
4353
- type="image/png"
4354
- />
4355
- <img
4356
- alt="Image 2"
4357
- src="data:image/png;base64,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"
4358
- />
4359
- <figcaption
4360
- class="memori-media-item--figure-caption"
4361
- >
4362
- Image 2
4363
- </figcaption>
4364
- </picture>
4365
- </div>
4366
- <div
4367
- class="memori-card--content"
4368
- >
4369
- <div
4370
- class="memori-card--children"
4371
- />
4372
- </div>
4373
- <div
4374
- class="memori-spin--spinner"
4375
- >
4376
- <svg
4377
- aria-hidden="true"
4378
- class="memori-loading-icon"
4379
- focusable="false"
4380
- role="img"
4381
- viewBox="0 0 1024 1024"
4382
- xmlns="http://www.w3.org/2000/svg"
4383
- >
4384
- <path
4385
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4386
- />
4387
- </svg>
4388
- </div>
4389
- </div>
4390
- </div>
4391
- </a>
4392
- </div>
4393
- </div>
4394
- </div>
4395
- <div
4396
- class="memori-link-items"
4397
- >
4398
- <div
4399
- class="memori-link-items--grid memori-link-items--agent"
4400
- >
4401
- <div
4402
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
4403
- >
4404
- <a
4405
- class="memori-link-item--link"
4406
- href="https://memori.ai/en"
4407
- rel="noopener noreferrer"
4408
- target="_blank"
4409
- >
4410
- <div
4411
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4412
- >
4413
- <div
4414
- class="memori-spin"
4415
- >
4416
- <div
4417
- class="memori-card--cover"
4418
- >
4419
- <div
4420
- class="memori-link-item--card-cover-icon"
4421
- >
4422
- <svg
4423
- aria-hidden="true"
4424
- class="memori-link-item--icon"
4425
- focusable="false"
4426
- role="img"
4427
- viewBox="0 0 1024 1024"
4428
- xmlns="http://www.w3.org/2000/svg"
4429
- >
4430
- <path
4431
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4432
- />
4433
- </svg>
4434
- </div>
4435
- </div>
4436
- <div
4437
- class="memori-card--content"
4438
- >
4439
- <h3
4440
- class="memori-card--title"
4441
- >
4442
- Link Memori Srl
4443
- </h3>
4444
- <div
4445
- class="memori-card--children"
4446
- />
4447
- </div>
4448
- <div
4449
- class="memori-spin--spinner"
4450
- >
4451
- <svg
4452
- aria-hidden="true"
4453
- class="memori-loading-icon"
4454
- focusable="false"
4455
- role="img"
4456
- viewBox="0 0 1024 1024"
4457
- xmlns="http://www.w3.org/2000/svg"
4458
- >
4459
- <path
4460
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4461
- />
4462
- </svg>
4463
- </div>
4464
- </div>
4465
- </div>
4466
- </a>
4467
- </div>
4468
- <div
4469
- class="memori-link-item ease-out duration-500 delay-100 opacity-0 scale-95"
4470
- >
4471
- <a
4472
- class="memori-link-item--link"
4473
- href="https://rawmaterial.it/en"
4474
- rel="noopener noreferrer"
4475
- target="_blank"
4476
- >
4477
- <div
4478
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4479
- >
4480
- <div
4481
- class="memori-spin"
4482
- >
4483
- <div
4484
- class="memori-card--cover"
4485
- >
4486
- <div
4487
- class="memori-link-item--card-cover-icon"
4488
- >
4489
- <svg
4490
- aria-hidden="true"
4491
- class="memori-link-item--icon"
4492
- focusable="false"
4493
- role="img"
4494
- viewBox="0 0 1024 1024"
4495
- xmlns="http://www.w3.org/2000/svg"
4496
- >
4497
- <path
4498
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4499
- />
4500
- </svg>
4501
- </div>
4502
- </div>
4503
- <div
4504
- class="memori-card--content"
4505
- >
4506
- <h3
4507
- class="memori-card--title"
4508
- >
4509
- Link RawMaterial
4510
- </h3>
4511
- <div
4512
- class="memori-card--children"
4513
- />
4514
- </div>
4515
- <div
4516
- class="memori-spin--spinner"
4517
- >
4518
- <svg
4519
- aria-hidden="true"
4520
- class="memori-loading-icon"
4521
- focusable="false"
4522
- role="img"
4523
- viewBox="0 0 1024 1024"
4524
- xmlns="http://www.w3.org/2000/svg"
4525
- >
4526
- <path
4527
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4528
- />
4529
- </svg>
4530
- </div>
4531
- </div>
4532
- </div>
4533
- </a>
4534
- </div>
4535
- <div
4536
- class="memori-link-item ease-out duration-500 delay-200 opacity-0 scale-95"
4537
- >
4538
- <a
4539
- class="memori-link-item--link"
4540
- href="https://vimeo.com/766468314"
4541
- rel="noopener noreferrer"
4542
- target="_blank"
4543
- >
4544
- <div
4545
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4546
- >
4547
- <div
4548
- class="memori-spin"
4549
- >
4550
- <div
4551
- class="memori-card--cover"
4552
- >
4553
- <div
4554
- class="memori-link-item--card-cover-icon"
4555
- >
4556
- <svg
4557
- aria-hidden="true"
4558
- class="memori-link-item--icon"
4559
- focusable="false"
4560
- role="img"
4561
- viewBox="0 0 1024 1024"
4562
- xmlns="http://www.w3.org/2000/svg"
4563
- >
4564
- <path
4565
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4566
- />
4567
- </svg>
4568
- </div>
4569
- </div>
4570
- <div
4571
- class="memori-card--content"
4572
- >
4573
- <h3
4574
- class="memori-card--title"
4575
- >
4576
- Introducing Plone Remix | Vimeo
4577
- </h3>
4578
- <div
4579
- class="memori-card--children"
4580
- />
4581
- </div>
4582
- <div
4583
- class="memori-spin--spinner"
4584
- >
4585
- <svg
4586
- aria-hidden="true"
4587
- class="memori-loading-icon"
4588
- focusable="false"
4589
- role="img"
4590
- viewBox="0 0 1024 1024"
4591
- xmlns="http://www.w3.org/2000/svg"
4592
- >
4593
- <path
4594
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4595
- />
4596
- </svg>
4597
- </div>
4598
- </div>
4599
- </div>
4600
- </a>
4601
- </div>
4602
- <div
4603
- class="memori-link-item ease-out duration-500 delay-300 opacity-0 scale-95"
4604
- >
4605
- <a
4606
- class="memori-link-item--link"
4607
- href="https://www.youtube.com/watch?v=feH26j3rBz8"
4608
- rel="noopener noreferrer"
4609
- target="_blank"
4610
- >
4611
- <div
4612
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4613
- >
4614
- <div
4615
- class="memori-spin"
4616
- >
4617
- <div
4618
- class="memori-card--cover"
4619
- >
4620
- <div
4621
- class="memori-link-item--card-cover-icon"
4622
- >
4623
- <svg
4624
- aria-hidden="true"
4625
- class="memori-link-item--icon"
4626
- focusable="false"
4627
- role="img"
4628
- viewBox="0 0 1024 1024"
4629
- xmlns="http://www.w3.org/2000/svg"
4630
- >
4631
- <path
4632
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4633
- />
4634
- </svg>
4635
- </div>
4636
- </div>
4637
- <div
4638
- class="memori-card--content"
4639
- >
4640
- <h3
4641
- class="memori-card--title"
4642
- >
4643
- A sustainable web: is it possible? - Nicola Zambello | YouTube
4644
- </h3>
4645
- <div
4646
- class="memori-card--children"
4647
- />
4648
- </div>
4649
- <div
4650
- class="memori-spin--spinner"
4651
- >
4652
- <svg
4653
- aria-hidden="true"
4654
- class="memori-loading-icon"
4655
- focusable="false"
4656
- role="img"
4657
- viewBox="0 0 1024 1024"
4658
- xmlns="http://www.w3.org/2000/svg"
4659
- >
4660
- <path
4661
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4662
- />
4663
- </svg>
4664
- </div>
4665
- </div>
4666
- </div>
4667
- </a>
4668
- </div>
4669
- </div>
4670
- </div>
4671
- </div>
4672
4192
  <div
4673
4193
  class="memori-chat--bubble-container memori-chat--bubble-from-user"
4674
4194
  >
package/src/components/ChatBubble/ChatBubble.stories.tsx CHANGED
@@ -212,6 +212,41 @@ WithDebugButton.args = {
212
212
  simulateUserPrompt: () => {},
213
213
  };
214
214
 
215
+ export const WithMultipleFunctionCache = Template.bind({});
216
+ WithMultipleFunctionCache.args = {
217
+ memori,
218
+ tenant,
219
+ message: {
220
+ fromUser: false,
221
+ text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
222
+ initial: false,
223
+ generatedByAI: true,
224
+ media: [
225
+ {
226
+ mediumID: 'c6851968-5d4d-409a-ae75-f22ec077efcd',
227
+ mimeType: 'text/plain',
228
+ content: 'Lorem ipsum dolor sit amet',
229
+ title: 'Function Cache Lorem ispum',
230
+ properties: {
231
+ functionCache: 'true',
232
+ },
233
+ },
234
+ {
235
+ mediumID: 'c6851968-5d4d-409a-ae75-f22ec077efce',
236
+ mimeType: 'text/plain',
237
+ content: 'Lorem ipsum dolor sit amet 2',
238
+ title: 'Function Cache 2',
239
+ properties: {
240
+ functionCache: 'true',
241
+ },
242
+ },
243
+ ],
244
+ },
245
+ showFeedback: true,
246
+ showFunctionCache: true,
247
+ simulateUserPrompt: () => {},
248
+ };
249
+
215
250
  export const FromUserWithAvatar = Template.bind({});
216
251
  FromUserWithAvatar.args = {
217
252
  memori,